Method for displaying page elements and electronic device

ABSTRACT

A page element display method and an electronic device (100 or 1500) are provided. The method includes: The electronic device (100 or 1500) displays a first interface, where the first interface includes a first page element (1401); the electronic device (100 or 1500) detects a first operation performed by a user on the first page element (1402); the electronic device (100 or 1500) adjusts a size of the first page element in response to the first operation (1403); and the electronic device (100 or 1500) automatically displays a second interface after adjusting the size of the first page element. The method helps to enhance an effect of feedback from the electronic device (100 or 1500) to the user when the user performs the operation.

This application is a national stage of International Application No.PCT/CN2020/107807, filed on Aug. 7, 2020, which claims priority toChinese Patent Application No. 201910736105.6, filed on Aug. 9, 2019.All the aforementioned applications are hereby incorporated by referencein their entireties.

FIELD

This application relates to the electronic device field, and morespecifically, to a page element display method and an electronic device.

BACKGROUND

In a process of using an electronic device, a user usually encounters acase of no response to an operation, for example, after an icon of anapplication (application, APP) is tapped, the icon does not give anyfeedback. This causes the user to have a feeling of waiting. A long waitmay even cause the user to doubt whether a current operation isperformed by the user. As a result, operation experience fails to meetan expectation.

SUMMARY

This application provides a page element display method and anelectronic device, helping to enhance an effect of feedback from anelectronic device to a user when the user performs an operation.

According to a first aspect, a page element display method is provided.The method is applied to an electronic device. The method includes: Theelectronic device displays a first interface, where the first interfaceincludes a first page element, and a size of the first page element is afirst size; the electronic device detects a first operation performed bya user on the first page element; in response to the first operation,the electronic device zooms out the first page element from the firstsize to a second size, and restores the first page element from thesecond size to the first size; and the electronic device automaticallydisplays a second interface after the first page element is restoredfrom the second size to the first size, where the second interface isassociated with the first page element.

In this embodiment of this application, after the electronic devicedetects an operation of tapping a page element by the user, theelectronic device may control the page element to be reduced in sizebased on a specific proportion. Changing a size of the page element upondetecting the user operation helps to enhance feedback from theelectronic device for the user operation, to enhance a prompt effect ofthe electronic device for the user operation.

In some possible implementations, that the second interface isassociated with the first page element may be understood as that thesecond interface is a new interface displayed by the electronic deviceafter the first operation is performed on the first page element.

For example, the first interface is a desktop of the electronic device,the first page element is an icon of an application on the desktop, andthe second interface may be a display interface of the application.

For example, the first interface may be a negative-one-screen interfaceof the electronic device or a display interface of a drop-down list, thefirst page element may be a notification widget in thenegative-one-screen interface or the display interface of the drop-downlist, and the second interface may be a new interface displayed by theelectronic device after detecting the first operation performed by theuser on the first page element, where the second interface may include apage element different from that in the first interface.

For example, the first interface is a display interface of task widgetsof the electronic device, the first page element is one of the pluralityof task widgets, and the second interface may be a display interface ofan application corresponding to the task widget.

With reference to the first aspect, in some implementations of the firstaspect, the first page element includes any one of an application icon,a notification widget, and a task widget.

In this embodiment of this application, after the electronic devicedetects an operation of tapping the icon, the notification widget, orthe task widget by the user, the electronic device may control the icon,the notification widget, or the task widget to be reduced in size basedon a specific proportion. Changing a size of the icon, the notificationwidget, or the task widget upon detecting the user operation helps toenhance feedback from the electronic device for the user operation, toenhance a prompt effect of the electronic device for the user operation.

With reference to the first aspect, in some implementations of the firstaspect, the notification widget includes either of a notification widgetin a drop-down list and a notification widget on a negative one screen.

With reference to the first aspect, in some implementations of the firstaspect, the zooming out the first page element from the first size to asecond size, and restoring the first page element from the second sizeto the first size includes: by simulating a spring, zooming out thefirst page element from the first size to the second size, and restoringthe first page element from the second size to the first size.

In this embodiment of this application, when detecting the firstoperation performed by the user on the first page element, theelectronic device may simulate spring characteristics. Natural mechanicsmay be simulated in the first operation (for example, pressing), therebyhelping to strengthen a sense of naturalness for the user.

With reference to the first aspect, in some implementations of the firstaspect, a first mass spring is simulated when the first page element isan application icon; or a second mass spring is simulated when the firstpage element is a notification widget; or a third mass spring issimulated when the first page element is a task widget; where the firstmass spring, the second mass spring, and the third mass spring have asame mass, and are in descending order of stiffness and in descendingorder of damping.

In this embodiment of this application, the electronic device simulatesnatural mechanics, and defines different tapping effects for differentpage elements.

This helps to strengthen a sense of naturalness for the user and enhancefeedback from the electronic device for the user operation, to enhance aprompt effect of the electronic device for the user operation.

In some possible implementations, the first mass spring, the second massspring, and the third mass spring have a same mass, and are indescending order of stiffness, in descending order of damping, and indescending order of initial velocities.

In some possible implementations, the first mass spring, the second massspring, and the third mass spring have a same mass and same stiffness,and are in ascending order of damping.

With reference to the first aspect, in some implementations of the firstaspect, the second size is K times the first size when the first pageelement is an icon; or the second size is L times the first size whenthe first page element is a notification widget; or the second size is Mtimes the first size when the first page element is a task widget, where0<K≤L≤M<1.

In this embodiment of this application, after the electronic devicedetects an operation of tapping a page element by the user, theelectronic device may control different page elements to be reduced insize based on different proportions, and different page elements providedifferent visual experience for the user. This helps to enhance feedbackfrom the electronic device for the user operation, to enhance a prompteffect of the electronic device for the user operation.

With reference to the first aspect, in some implementations of the firstaspect, when the first page element is an icon, duration for zooming outthe first page element from the first size to the second size is firstduration N; when the first page element is a notification widget,duration for zooming out the first page element from the first size tothe second size is second duration P; or when the first page element isa task widget, duration for zooming out the first page element from thefirst size to the second size is third duration Q, where 100ms≤N≤P≤Q≤250 ms.

In this embodiment of this application, after the electronic devicedetects an operation of tapping a page element by the user, theelectronic device may control different page elements to zoom out to thesecond size in different lengths of time, and different page elementsprovide different visual experience for the user. This helps to enhancefeedback from the electronic device for the user operation, to enhance aprompt effect of the electronic device for the user operation.

With reference to the first aspect, in some implementations of the firstaspect, the automatically displaying a second interface includes: whenthe first page element is restored from the second size to the firstsize, smoothly transiting a display interface of the electronic devicefrom the first interface to the second interface.

In this embodiment of this application, when the first page element isrestored to the initial size, the electronic device smoothly transitsthe display interface from the first interface to the second interface.In this way, not only a prompt effect of the electronic device for theuser operation is enhanced, but also visual experience of the user canbe improved.

With reference to the first aspect, in some implementations of the firstaspect, the smoothly transiting a display interface of the electronicdevice from the first interface to the second interface includes: whenthe first page element is restored from the second size to the firstsize, displaying, by the electronic device, the second interface; orwhen the first page element is restored from the second size to thefirst size, after a first time period, displaying, by the electronicdevice, the second interface.

With reference to the first aspect, in some implementations of the firstaspect, the first operation is an operation of touching the first pageelement by a finger of the user, and the zooming out the first pageelement from the first size to a second size includes: when detectingthat the finger of the user touches the first page element, starting tozoom out the first page element from the first size to the second size;or when detecting that the finger of the user leaves the first pageelement, starting to zoom out the first page element from the first sizeto the second size.

In this embodiment of this application, the electronic device maydetermine, based on a status of the finger of the user on a screen, tozoom out and restore the first page element. This helps to enhancefeedback from the electronic device for the user operation, to enhance aprompt effect of the electronic device for the user operation.

With reference to the first aspect, in some implementations of the firstaspect, the in response to the first operation, zooming out, by theelectronic device, the first page element from the first size to asecond size, and restoring the first page element from the second sizeto the first size includes: in response to the first operation, zoomingout, by the electronic device, the first page element from the firstsize to the second size; when the first page element is restored fromthe second size to a third size, detecting, by the electronic device, asecond operation performed by the user on the first page element, wherethe third size is greater than the second size and less than the firstsize; and in response to the second operation, zooming out, by theelectronic device, the first page element from the third size to thesecond size, and restoring the first page element from the second sizeto the first size.

In this embodiment of this application, for operations quickly performedby the user on the first page element, the electronic device can quicklyrespond to the user operations. This reduces a waiting delay of the userfor the operations, and enhances a prompt effect of the electronicdevice for the user operations. In addition, as the electronic deviceresponds quickly, consistency between mind and hand of the user can beachieved, and an expectation of the user for the operations is met.

According to a second aspect, an apparatus is provided. The apparatus isincluded in an electronic device. The apparatus has a function ofimplementing behaviors of the electronic device in any one of theforegoing aspect or the possible implementations of the foregoingaspect. The function may be implemented by hardware, or may beimplemented by executing corresponding software by hardware. Thehardware or software includes one or more modules or units correspondingto the foregoing function.

According to a third aspect, an electronic device is provided, includingone or more processors, a memory, one or more applications, and one ormore computer programs. The one or more computer programs are stored inthe memory, and the one or more computer programs include instructions.When being executed by the electronic device, the instructions cause theelectronic device to perform the page element display method in anypossible implementation of any aspect described above.

According to a fourth aspect, this solution provides an electronicdevice, including one or more processors and one or more memories. Theone or more memories are coupled to the one or more processors. The oneor more memories are configured to store computer program code. Thecomputer program code includes computer instructions. When beingexecuted by the one or more processors, the computer instructions causethe electronic device to perform the page element display method in anypossible implementation of any aspect described above.

According to a fifth aspect, this solution provides a computer storagemedium, including computer instructions. When being run on an electronicdevice, the computer instructions cause the electronic device to performthe page element display method in any possible implementation of anyaspect described above.

According to a sixth aspect, this solution provides a computer programproduct. When being run on an electronic device, the computer programproduct causes the electronic device to perform the page element displaymethod in any possible design of any aspect described above.

According to a seventh aspect, this solution provides a chip system. Thechip system includes at least one processor. Program instructions beingexecuted by the at least one processor cause functions of the electronicdevice in any possible method of the first aspect to be implemented.

BRIEF DESCRIPTION OF DRAWINGS

FIG. 1 is a schematic structural diagram of hardware of an electronicdevice according to an embodiment of this application;

FIG. 2 is a schematic structural diagram of software of an electronicdevice according to an embodiment of this application;

FIG. 3 is a schematic diagram of a group of GUI pages according to anembodiment of this application;

FIG. 4 is a schematic diagram of another group of GUI pages according toan embodiment of this application;

FIG. 5 is a schematic diagram of another group of GUI pages according toan embodiment of this application;

FIG. 6 is a schematic diagram of another group of GUI pages according toan embodiment of this application;

FIG. 7 is a schematic diagram of another group of GUI pages according toan embodiment of this application;

FIG. 8 is a schematic diagram of another group of GUI pages according toan embodiment of this application;

FIG. 9 is a schematic diagram of a process in which a user taps a pageelement;

FIG. 10 is a schematic diagram of simulating spring mechanics whendifferent page elements are pressed according to an embodiment of thisapplication;

FIG. 11 is a schematic change diagram of a simulated spring when asmall-area page element is pressed according to an embodiment of thisapplication;

FIG. 12 is a schematic change diagram of a simulated spring when amedium-area page element is pressed according to an embodiment of thisapplication;

FIG. 13 is a schematic change diagram of a simulated spring when alarge-area page element is pressed according to an embodiment of thisapplication;

FIG. 14 is a schematic flowchart of a page element display methodaccording to an embodiment of this application; and

FIG. 15 is a schematic block diagram of an electronic device accordingto an embodiment of this application.

DESCRIPTION OF EMBODIMENTS

Terms used in the following embodiments are merely intended to describespecific embodiments, but are not intended to limit this application. Asused in the specification of this application and the appended claims,singular expression forms “one”, “a”, “the”, “the foregoing”, and “this”are intended to also include an expression form such as “one or more”,unless otherwise specified in the context. It should be furtherunderstood that, in the following embodiments of this application, “atleast one” and “one or more” mean “one, two, or more than two”. The term“and/or” is used to describe an association relationship betweenassociated objects, and indicates that three relationships may exist.For example, A and/or B may represent the following cases: Only Aexists, both A and B exist, and only B exists, where each of A and B maybe singular or plural. The character “/” generally indicates an “or”relationship between associated objects.

Referring to “an embodiment” or “some embodiments” or the like describedin this specification means that one or more embodiments of thisapplication include a specific feature, structure, or characteristicdescribed with reference to the embodiment. Therefore, expressions suchas “in an embodiment”, “in some embodiments”, “in some otherembodiments”, and “in some different embodiments” appearing in differentplaces in this specification do not necessarily indicate reference to asame embodiment, but mean “one or more but not all embodiments”, unlessotherwise specified in another way. The terms “include”, “comprise”, and“have”, and variants thereof all mean “including but not limited to”,unless otherwise specified in another way.

The following describes an electronic device, a user interface used forsuch an electronic device, and embodiments for using such an electronicdevice. In some embodiments, the electronic device may be a portableelectronic device that further includes another function such as apersonal digital assistant function and/or a music player function, forexample, a mobile phone, a tablet computer, or a wearable electronicdevice with a wireless communication function (such as a smartwatch). Anexample embodiment of the portable electronic device includes but is notlimited to a portable electronic device with iOS®, Android®, Microsoft®,or another operating system. In one embodiment, the foregoing portableelectronic device may be another portable electronic device, such as alaptop (Laptop) computer. It should be further understood that, in someother embodiments, the foregoing electronic device may alternatively bea desktop computer rather than a portable electronic device.

For example, FIG. 1 is a schematic structural diagram of an electronicdevice 100. The electronic device 100 may include a processor 110, anexternal memory interface 120, an internal memory 121, a universalserial bus (universal serial bus, USB) interface 130, a chargingmanagement module 140, a power management module 141, a battery 142, anantenna 1, an antenna 2, a mobile communications module 150, a wirelesscommunications module 160, an audio module 170, a loudspeaker 170A, atelephone receiver 170B, a microphone 170C, an earphone jack 170D, asensor module 180, a compass 190, a motor 191, an indicator 192, acamera 193, a display screen 194, a subscriber identity module(subscriber identification module, SIM) card interface 195, and thelike.

It can be understood that the structure illustrated in this embodimentof this application does not constitute a specific limitation on theelectronic device 100. In some other embodiments of this application,the electronic device 100 may include more or fewer components thanthose shown in the figure, or combine some components, or split somecomponents, or have a different component arrangement. The componentsshown in the figure may be implemented by hardware, software, or acombination of software and hardware.

The processor 110 may include one or more processing units. For example,the processor 110 may include an application processor (applicationprocessor, AP), a modem processor, a graphics processing unit (graphicsprocessing unit, GPU), an image signal processor (image signalprocessor, ISP), a controller, a video codec, a digital signal processor(digital signal processor, DSP), a baseband processor, and/or aneural-network processing unit (neural-network processing unit, NPU).Different processing units may be independent components, or may beintegrated into one or more processors. In some embodiments, theelectronic device 101 may also include one or more processors 110. Thecontroller may generate an operation control signal based on aninstruction operation code and a time sequence signal, to completecontrol of instruction fetch and instruction execution. In some otherembodiments, a memory may be further disposed in the processor 110, tostore an instruction and data. For example, the memory in the processor110 may be a cache. The memory may store an instruction or data that isrecently used or cyclically used by the processor 110. If the processor110 needs to use the instruction or the data again, the processor 110may directly invoke the instruction or the data from the memory. Thisavoids repeated access, and reduces a waiting time of the processor 110,to improve efficiency of data processing or instruction execution of theelectronic device 101.

In some embodiments, the processor 110 may include one or moreinterfaces. The interfaces may include an inter-integrated circuit(inter-integrated circuit, I2C) interface, an inter-integrated circuitsound (inter-integrated circuit sound, I2S) interface, a pulse codemodulation (pulse code modulation, PCM) interface, a universalasynchronous receiver/transmitter (universal asynchronousreceiver/transmitter, UART) interface, a mobile industry processorinterface (mobile industry processor interface, MIPI), a general-purposeinput/output (general-purpose input/output, GPIO) interface, a SIM cardinterface, and/or a USB interface or the like. The USB interface 130 isan interface conforming to a USB standard specification, and may bespecifically a mini USB interface, a micro USB interface, a USB type Cinterface, or the like. The USB interface 130 may be used to connect acharger to charge the electronic device 101, or may be used to transmitdata between the electronic device 101 and a peripheral device. The USBinterface 130 may also be used to connect an earphone, to play audiothrough the earphone.

It can be understood that an interface connection relationship, betweenthe modules, illustrated in this embodiment of this application ismerely an example for description, and does not constitute a limitationon a structure of the electronic device 100. In some other embodimentsof this application, the electronic device 100 may alternatively use aninterface connection manner different from that in the foregoingembodiment, or a combination of interface connection manners.

The charging management module 140 is configured to receive a charginginput from the charger. The charger may be a wireless charger, or may bea wired charger. In some embodiments of wired charging, the chargingmanagement module 140 may receive a charging input from the wiredcharger through the USB interface 130. In some embodiments of wirelesscharging, the charging management module 140 may receive a wirelesscharging input by using a wireless charging coil of the electronicdevice 100. When the charging management module 140 is charging thebattery 142, power may be further supplied to the electronic device byusing the power management module 141.

The power management module 141 is configured to connect the battery142, the charging management module 140, and the processor 110. Thepower management module 141 receives an input from the battery 142and/or the charging management module 140, and supplies power to theprocessor 110, the internal memory 121, an external memory, the displayscreen 194, the camera 193, the wireless communications module 160, andthe like. The power management module 141 may be further configured tomonitor parameters such as a battery capacity, a quantity of batterycycles, and a battery health status (leakage and impedance). In someother embodiments, the power management module 141 may be alternativelydisposed in the processor 110. In some other embodiments, the powermanagement module 141 and the charging management module 140 may bealternatively disposed in a same component.

A wireless communication function of the electronic device 100 may beimplemented by using the antenna 1, the antenna 2, the mobilecommunications module 150, the wireless communications module 160, themodem processor, the baseband processor, and the like.

The antenna 1 and the antenna 2 are configured to transmit and receiveelectromagnetic wave signals. Each antenna in the electronic device 100may be configured to cover a single communication frequency band orcommunication frequency bands. Different antennas may be furthermultiplexed, to improve antenna utilization. For example, the antenna 1may be multiplexed as a diversity antenna of a wireless local areanetwork. In some other embodiments, the antenna may be used incombination with a tuning switch.

The mobile communications module 150 may provide a wirelesscommunication solution including 2G, 3G, 4G, 5G, or the like, applied tothe electronic device 100. The mobile communications module 150 mayinclude at least one filter, a switch, a power amplifier, a low noiseamplifier (low noise amplifier, LNA), and the like. The mobilecommunications module 150 may receive an electromagnetic wave by usingthe antenna 1, perform processing such as filtering and amplification onthe received electromagnetic wave, and transmit the processedelectromagnetic wave to the modem processor for demodulation. The mobilecommunications module 150 may further amplify a signal modulated by themodem processor, and convert the amplified signal to an electromagneticwave for radiation by using the antenna 1. In some embodiments, at leastsome of function modules of the mobile communications module 150 may bedisposed in the processor 110. In some embodiments, at least some offunction modules of the mobile communications module 150 may be disposedin a same component as at least some of modules of the processor 110.

The wireless communications module 160 may provide wirelesscommunication solutions including a wireless local area network(wireless local area network, WLAN) (for example, a wireless fidelity(wireless fidelity, Wi-Fi) network), Bluetooth (Bluetooth, BT), a globalnavigation satellite system (global navigation satellite system, GNSS),frequency modulation (frequency modulation, FM), a near fieldcommunication (near field communication, NFC) technology, an infrared(infrared, IR) technology, and the like, applied to the electronicdevice 100. The wireless communications module 160 may be one or morecomponents integrating at least one communications processor module. Thewireless communications module 160 receives an electromagnetic wave byusing the antenna 2, performs frequency modulation and filteringprocessing on an electromagnetic wave signal, and sends the processedsignal to the processor 110. The wireless communications module 160 mayfurther receive a to-be-sent signal from the processor 110, performfrequency modulation and amplification on the signal, and convert thefrequency-modulated and amplified signal to an electromagnetic wave forradiation by using the antenna 2.

The electronic device 100 implements a display function by using theGPU, the display screen 194, the application processor, and the like.The GPU is a microprocessor for image processing, and is connected tothe display screen 194 and the application processor. The GPU isconfigured to perform mathematical and geometric calculation, and isused for graphics rendering. The processor 110 may include one or moreGPUs that execute a program instruction to generate or change displayinformation.

The display screen 194 is configured to display an image, a video, andthe like. The display screen 194 includes a display panel. The displaypanel may use a liquid crystal display (liquid crystal display, LCD), anorganic light-emitting diode (organic light-emitting diode, OLED), anactive-matrix organic light emitting diode (active-matrix organic lightemitting diode, AMOLED), a flex light-emitting diode (flexlight-emitting diode, FLED), a mini light-emitting diode (minilight-emitting diode, mini LED), a micro LED, a micro OLED, a quantumdot light emitting diode (quantum dot light emitting diode, QLED), orthe like. In some embodiments, the electronic device 100 may include oneor more display screens 194.

In some embodiments of this application, when the display panel uses amaterial such as an OLED, an AMOLED, or an FLED, the display screen 194in FIG. 1 can be bent. Herein, that the display screen 194 can be bentmeans that the display screen can be bent into any angle at any part ofthe display screen, and may remain the angle. For example, the displayscreen 194 may be folded in half along a middle part of the displayscreen and a right half covers a left half, or the display screen may befolded in half along a middle part of the display screen and an upperhalf covers a lower half.

The display screen 194 of the electronic device 100 may be a flexiblescreen. Currently, much attention is paid to flexible screens due tounique characteristics and tremendous potential of flexible screens.Compared with conventional screens, flexible screens are characterizedby strong flexibility and bendability, can provide a bendability-basednew interaction manner for users, and can meet more requirements ofusers on electronic devices. For an electronic device having a foldabledisplay screen, the foldable display screen on the electronic device mayswitch between a small screen in a folded form and a large screen in anunfolded form at any time. Therefore, a screen split function is used byusers more frequently on electronic devices having foldable displayscreens.

The electronic device 100 may implement a camera function by using theISP, the camera 193, the video codec, the GPU, the display screen 194,the application processor, and the like.

The ISP is configured to process data fed back by the camera 193. Forexample, during photographing, a shutter is opened, light is transferredto a photosensitive element of the camera through a lens, an opticalsignal is converted to an electrical signal, and the photosensitiveelement of the camera transfers the electrical signal to the ISP forprocessing, and the electrical signal is converted to an image visibleto a naked eye. The ISP may further perform algorithm optimization on animage noise, luminance, and complexion. The ISP may further optimizeparameters such as an exposure and a color temperature of a shootingscenario. In some embodiments, the ISP may be disposed in the camera193.

The camera 193 is configured to capture a still image or a video. For anobject, an optical image is generated by using the lens, and isprojected onto the photosensitive element. The photosensitive elementmay be a charge coupled device (charge coupled device, CCD) or acomplementary metal-oxide-semiconductor (complementarymetal-oxide-semiconductor, CMOS) phototransistor. The photosensitiveelement converts an optical signal to an electrical signal, and thentransfers the electrical signal to the ISP, to convert the electricalsignal to a digital image signal. The ISP outputs the digital imagesignal to the DSP for processing. The DSP converts the digital imagesignal to an image signal in a standard format such as RGB or YUV. Insome embodiments, the electronic device 100 may include one or morecameras 193.

The digital signal processor is configured to process a digital signal,and in addition to a digital image signal, may further process anothertype of digital signal. For example, when the electronic device 100performs frequency channel selection, the digital signal processor isconfigured to perform Fourier transform and the like on frequencychannel energy.

The video codec is configured to compress or decompress a digital video.The electronic device 100 can support one or more types of video codecs.In this way, the electronic device 100 can play or record videos inencoding formats, for example, moving picture experts group (movingpicture experts group, MPEG)-1, MPEG-2, MPEG-3, and MPEG-4.

The NPU is a neural-network (neural-network, NN) computing processorthat quickly processes input information by emulating a biologicalneural network structure, for example, by emulating a mode of transferbetween human-brain neurons, and may further perform self-learningconstantly. The NPU may be used to implement applications such asintelligent cognition of the electronic device 100, for example, imagerecognition, facial recognition, speech recognition, and textunderstanding.

The external memory interface 120 may be configured to connect anexternal storage card, for example, a micro SD card, to extend a storagecapability of the electronic device 100. The external storage cardcommunicates with the processor 110 through the external memoryinterface 120, to implement a data storage function, for example, storea file such as a music file or a video file in the external storagecard.

The internal memory 121 may be configured to store one or more computerprograms, and the one or more computer programs include instructions.The processor 110 may run the instructions stored in the internal memory121, and the electronic device 101 performs a page element displaymethod provided in some embodiments of this application, and variousapplications, data processing, and the like. The internal memory 121 mayinclude a program storage area and a data storage area. The programstorage area may store an operating system. The program storage area mayfurther store one or more applications (for example, “gallery” and“contacts”) and the like. The data storage area may store data (forexample, a photo and a contact) and the like created during use of theelectronic device 101. In addition, the internal memory 121 may includea high-speed random access memory, and may further include anon-volatile memory, for example, one or more magnetic disk storagecomponents, a flash memory component, or a universal flash storage(universal flash storage, UFS). In some embodiments, the processor 110may run the instructions stored in the internal memory 121 and/or theinstruction stored in the memory disposed in the processor 110, and theelectronic device 101 performs a page element display method provided insome embodiments of this application, and other applications and dataprocessing. The electronic device 100 may use the audio module 170, theloudspeaker 170A, the telephone receiver 170B, the microphone 170C, theearphone jack 170D, the application processor, and the like to implementan audio function, for example, music playback and sound recording.

The sensor module 180 may include a pressure sensor 180A, a gyro sensor180B, a barometric pressure sensor 180C, a magnetic sensor 180D, anacceleration sensor 180E, a distance sensor 180F, an optical proximitysensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, atouch sensor 180K, an ambient light sensor 180L, a bone conductionsensor 180M, and the like.

The pressure sensor 180A is configured to sense a pressure signal, andcan convert the pressure signal to an electrical signal. In someembodiments, the pressure sensor 180A may be disposed in the displayscreen 194. There are many types of pressure sensors 180A, for example,a resistive pressure sensor, an inductive pressure sensor, and acapacitive pressure sensor. The capacitive pressure sensor may includeat least two parallel plates with conductive materials. When a force isapplied to the pressure sensor 180A, capacitance between electrodeschanges. The electronic device 100 determines pressure intensity basedon a change in capacitance. When a touch operation is performed on thedisplay screen 194, the electronic device 100 detects strength of thetouch operation by using the pressure sensor 180A. The electronic device100 may also calculate a touch location based on a detection signal ofthe pressure sensor 180A. In some embodiments, touch operations that areperformed on a same touch location but have different touch operationstrength may correspond to different operation instructions. Forexample, when a touch operation whose touch operation strength is lessthan a first pressure threshold is performed on an icon of a “Message”application, an instruction for viewing a message is executed; when atouch operation whose touch operation strength is greater than or equalto the first pressure threshold is performed on the icon of the“Message” application, an instruction for creating a new message isexecuted.

The gyro sensor 180B may be configured to determine a motion posture ofthe electronic device 100. In some embodiments, angular velocities ofthe electronic device 100 around three axes (namely, X, Y, and Z axes)may be determined by using the gyro sensor 180B. The gyro sensor 180Bmay be used for image stabilization during shooting. For example, whenthe shutter is pressed, the gyro sensor 180B detects a shaking angle ofthe electronic device 100, and calculates, based on the angle, adistance for which a lens module needs to compensate, to cancel shakingof the electronic device 100 through reverse motion of the lens, therebyimplementing image stabilization. The gyro sensor 180B may also be usedfor navigation and a motion sensing game scenario.

The acceleration sensor 180E may detect magnitudes of accelerations ofthe electronic device 100 in various directions (generally along threeaxes), may detect a magnitude and direction of gravity when theelectronic device 100 is static, and may be further configured torecognize a posture of the electronic device, and be applied toapplications such as screen switching between a landscape mode and aportrait mode, and a pedometer.

The ambient light sensor 180L is configured to sense ambient lightintensity. The electronic device 100 may adaptively adjust brightness ofthe display screen 194 based on the sensed ambient light intensity. Theambient light sensor 180L may also be configured to automatically adjustwhite balance during photographing. The ambient light sensor 180L mayfurther cooperate with the optical proximity sensor 180G in detectingwhether the electronic device 100 is in a pocket, to prevent anaccidental touch.

The fingerprint sensor 180H is configured to collect a fingerprint. Theelectronic device 100 may use a collected fingerprint feature toimplement fingerprint unlock, application access lock, fingerprint-basedphotographing, fingerprint-based call answering, and the like.

The temperature sensor 180J is configured to detect a temperature. Insome embodiments, the electronic device 100 executes a temperatureprocessing policy based on a temperature detected by the temperaturesensor 180J. For example, when a temperature reported by the temperaturesensor 180J exceeds a threshold, the electronic device 100 lowersperformance of a processor near the temperature sensor 180J, to reducepower consumption and implement thermal protection. In some otherembodiments, when a temperature is less than another threshold, theelectronic device 100 heats the battery 142 to avoid abnormal shutdownof the electronic device 100 caused by low temperature. In some otherembodiments, when a temperature is less than still another threshold,the electronic device 100 boosts an output voltage of the battery 142 toavoid abnormal shutdown caused by low temperature.

The touch sensor 180K is also referred to as a “touch panel”. The touchsensor 180K may be disposed in the display screen 194, and the touchsensor 180K and the display screen 194 constitute a touchscreen, alsoreferred to as a “touch control screen”. The touch sensor 180K isconfigured to detect a touch operation on or near the touchscreen. Thetouch sensor may transfer a detected touch operation to the applicationprocessor to determine a touch event type. A visual output related tothe touch operation may be provided by using the display screen 194. Insome other embodiments, the touch sensor 180K may be alternativelydisposed on a surface of the electronic device 100, at a locationdifferent from that of the display screen 194.

FIG. 2 is a structural block diagram of software of the electronicdevice 100 according to an embodiment of this application. A layeredarchitecture divides the software into layers, and each layer has aclear role and responsibility. Inter-layer communication is implementedthrough a software interface. In some embodiments, an Android system isdivided into four layers. From top to bottom, the four layers are:application layer, application framework layer, Android runtime (Androidruntime) and system libraries, and kernel layer. The application layermay include a series of application packages.

As shown in FIG. 2 , the application packages may include applicationssuch as Camera, Gallery, Calendar, Phone, Map, Navigation, WLAN,Bluetooth, Music, Video, and Message.

The application framework layer provides application programminginterfaces (application programming interface, API) and a programmingframework for applications at the application layer. The applicationframework layer includes some predefined functions.

As shown in FIG. 2 , the application framework layer may include awindow manager, a content provider, a view system, a phone manager, aresource manager, a notification manager, and the like.

The window manager is configured to manage a window program. The windowmanager may obtain a size of a display screen, determine whether thereis a status bar, lock a screen, capture a screen, and the like.

The content provider is configured to store and obtain data, and makethe data accessible to applications. The data may include videos,pictures, audio, calls placed and received, browse history andfavorites, a phone book, and the like.

The view system includes visual controls, for example, text displaycontrols and picture display controls. The view system may be used forapplication construction. A display interface may include one or moreviews. For example, a display interface including a message notificationicon may include a text display view and a picture display view.

The phone manager is configured to provide a communication function ofthe electronic device 100, for example, call status management(including call connection, call cutoff, and the like).

The resource manager provides, for applications, various resources suchas localized character strings, icons, pictures, layout files, and videofiles.

The notification manager allows applications to display notificationinformation in a status bar, and may be configured to conveynotification-type messages. The displayed information may automaticallydisappear after a short stay, without user intervention. For example,the notification manager is configured to notify a user that downloadingis completed, provide a message notification, and the like. Thenotification manager may alternatively provide notifications, such as anotification of an application running in the background, appearing in aform of charts or scroll bar texts in a top status bar of the system, ormay provide notifications appearing in a form of dialogs on the screen.For example, notification may be implemented with text informationdisplayed in the status bar, an alert tone played, the electronic devicein vibration, or an indicator light blinking.

The system libraries may include function modules, for example, surfacemanager (surface manager), media libraries (media libraries),three-dimensional graphics processing library (for example, OpenGL ES),and 2D graphics engine (for example, SGL).

The surface manager is configured to manage a display subsystem, andprovides blending of 2D and 3D layers for applications.

The media libraries support play and recording in common audio and videoformats, still image files, and the like. The media libraries maysupport audio and video encoding formats, for example, MPEG-4, H.264,MP3, AAC, AMR, JPG, and PNG.

The three-dimensional graphics processing library is used to implementthree-dimensional graphics drawing, image rendering, synthesis, layerprocessing, and the like.

The 2D graphics engine is a drawing engine for 2D drawing.

The kernel layer is a layer between hardware and software. The kernellayer includes at least a display driver, a camera driver, an audiodriver, and a sensor driver.

For ease of understanding, the following embodiments of this applicationspecifically describe an element pressing method provided in theembodiments of this application, with reference to accompanying drawingsand by using, as an example, a mobile phone with the structure shown inFIG. 1 and FIG. 2 .

FIG. 3 shows a group of graphical user interface (graphical userinterface, GUI) pages of the mobile phone, where (a) to (d) in FIG. 3show a process in which pixel values of an icon on a desktop change whena user taps the icon on the desktop.

Referring to a GUI page shown in (a) in FIG. 3 , the GUI page is thedesktop of the mobile phone. The desktop of the mobile phone includesthree desktop pages, and each desktop page includes one or moreapplication icons. Currently, the desktop of the mobile phone displaysthe second desktop page. This desktop page includes an Alipay icon, aWidget Store icon, a Weibo icon, a Gallery icon, a WeChat icon, a CardPack icon, a Settings icon, and a Themes icon 301. For example, pixel(pixel, px) values of the Themes icon are 216 px in length and 216 px inwidth. As shown in (a) in FIG. 3 , a finger of a user is to tap theThemes icon 301, and when the finger of the user approaches but is notyet in contact with (down) the Themes icon 301, the Themes icon 301 maymaintain the initial pixel values in length and width.

It should be understood that, in (a) in FIG. 3 , pixels of all icons onthe desktop of the mobile phone may be the same.

It should be further understood that a case that the finger of the userapproaches but has not yet tapped may also be considered as hover(hover) of the finger of the user.

Referring to a GUI page shown in (b) in FIG. 3 , the GUI page is thedesktop of the mobile phone. Currently, the desktop of the mobile phonedisplays the second desktop page. After the mobile phone detects, on thesecond desktop page, an operation of tapping the icon 301 by the fingerof the user, the pixel values of the icon 301 on the second desktop pagechange. As shown in (c) in FIG. 3 , for example, the length of the icon301 is changed to 194 px, and the width of the icon 301 is changed to194 px.

It should be understood that tapping the icon 301 by the finger of theuser may include touching the icon 301 by the finger of the user, or acase that a distance between the finger of the user and the icon 301 isless than 0.5 mm may also be considered as touching the icon 301 by thefinger of the user.

It should be further understood that, in this embodiment of thisapplication, when the finger of the user touches a page element, adistance between the finger and the page element may also be determinedby touch sensitivity of the mobile phone.

In an embodiment, a process in which the pixel values of the icon 301are reduced from 216 px in length and 216 px in width to 194 px inlength and 194 px in width may be a gradual process, and the pixelvalues of the icon 301 may be gradually reduced to 194 px in length and194 px in width at a specific rate.

In an embodiment, after the pixel values of the icon 301 are reducedfrom 216 px in length and 216 px in width to 194 px in length and 194 pxin width, the pixel values of the icon 301 may remain 194 px in lengthand 194 px in width, and be no longer reduced.

In an embodiment, in a process in which the pixel values of the icon 301are changed from 216 px in length and 216 px in width to 194 px inlength and 194 px in width, the mobile phone detects that the finger ofthe user is always in contact with the icon 301.

It should be understood that duration of the process in which the iconis changed from 216 px in length and 216 px in width to 194 px in lengthand 194 px in width may be 100-150 ms.

It should be further understood that the finger of the user may alreadyleave a screen before the pixel values of the icon 301 are reduced to194 px in length and 194 px in width; in this case, the icon maycontinue to zoom out to 194 px in length and 194 px in width, and thenbe gradually restored to 216 px in length and 216 px in width. It shouldbe further understood that, in this embodiment of this application,tapping the icon 301 by the finger of the user may also be understood aspressing the icon 301 by the finger of the user. For example, when themobile phone detects that a pressure value of pressing by the user isgreater than or equal to a preset pressure value, the icon 301 may bereduced in size at a specific rate.

It should be further understood that, in this embodiment of thisapplication, tapping the icon 301 by the finger of the user may also beunderstood as touching or contacting the icon 301 by the finger of theuser. The mobile phone may scale the icon 301 when detecting that theuser contacts or touches the icon 301. In other words, the mobile phonedoes not need to detect a value of pressure with which the user contactsor touches the icon, but merely needs to detect that the user contactsor touches the icon.

It should be further understood that the GUI pages shown in FIG. 3 aredescribed by using an example in which the pixel values of the icon are216 px in length and 216 px in width; the pixel values of the icon onthe desktop of the mobile phone may alternatively be other values. Thisis not limited in this embodiment of this application.

It should be further understood that the GUI pages shown in FIG. 3 aredescribed by using an example in which the pixel values in length andwidth of the icon are respectively reduced to 90% of the initial pixelvalue in length and 90% of the initial pixel value in width when themobile phone detects that the finger of the user taps the icon; thepixel values may be alternatively reduced based on another proportion.This is not limited in this embodiment of this application.

Referring to a GUI page shown in (c) in FIG. 3 , the GUI page is anotherGUI page of the desktop of the mobile phone. After the mobile phonedetects that the finger of the user leaves the desktop, the pixel valuesof the icon 301 are restored to the initial pixel values in length andwidth, that is, the pixel values of the icon 301 are restored from 194px in length and 194 px in width to the initial 194 px in length and 194px in width.

In an embodiment, a process in which the pixel values of the icon 301are restored from 194 px in length and 194 px in width to 216 px inlength and 216 px in width may be a gradual process, and the icon 301may be gradually restored to 216 px in length and 216 px in width at aspecific rate.

In an embodiment, a rate at which the icon zooms out from the initialpixel values to 90% of the initial pixel values may be the same as arate at which the icon is restored from 90% of the initial pixel valuesto the initial pixel values.

In an embodiment, when the mobile phone detects that the finger of theuser leaves a touchscreen, the pixel values of the icon 301 start to berestored from 90% of the initial pixel values to the initial pixelvalues.

It should be understood that, in this embodiment of this application,that the finger of the user leaves the desktop may also be considered asthat the finger of the user is up (up).

Referring to a GUI page shown in (d) in FIG. 3 , the GUI page is adisplay interface of a “Themes” application. The display interfaceincludes controls such as fonts, wallpapers, ringtones, and mash-ups.The user may locally search for a corresponding topic, or may download acorresponding topic from a server.

It should be understood that changing from (c) in FIG. 3 to (d) in FIG.3 may be smooth transition. For example, there may be no time intervalfrom (c) in FIG. 3 to (d) in FIG. 3 , and the mobile phone may displaythe display interface of the “Themes” application when the icon 301 isrestored to the initial pixel values. In one embodiment, there may be atime interval from (c) in FIG. 3 to (d) in FIG. 3 . For example, thetime interval may be 80-120 ms.

In this embodiment of this application, (c) in FIG. 3 may be changed to(d) in FIG. 3 through smooth transition, and a better feedback effect isprovided for the user, and a corresponding operation is also enabled.This helps to improve user experience when the user starts anapplication.

It should be understood that the icon 301 in FIG. 3 may be a small-areapage element on the mobile phone, and small-area page elements on themobile phone may further include a picture thumbnail and the like. In anembodiment, when the mobile phone detects that the user taps anothersmall-area page element, the another small-area page element may bereduced in size based on the same scaling proportion as the icon, or maybe scaled based on a different scaling proportion. This is not limitedin this embodiment of this application.

In an embodiment, the small-area page element may be a page elementwhose pixel value in length is less than or equal to a first pixelvalue, or the small-area page element may be a page element whose pixelvalue in width is less than or equal to a second pixel value, or thesmall-area page element may be a page element whose pixel value inlength is less than or equal to a first pixel value and whose pixelvalue in width is less than or equal to a second pixel value.

It should be understood that the first pixel value may be the same asthe second pixel value or may be different from the second pixel value.

For example, the first pixel value is 300 px, and the second pixel valueis 300 px.

In another embodiment, the small-area page element may be a page elementwhose length is less than or equal to a first distance, or thesmall-area page element may be a page element whose width is less thanor equal to a second distance, or the small-area page element may be apage element whose length is less than or equal to a first distance andwhose width is less than or equal to a second distance.

It should be understood that the first distance may be the same as thesecond distance or may be different from the second distance.

In another embodiment, the small-area page element may alternatively bea page element whose area is less than or equal to a first area.

In another embodiment, the small-area page element may be a page elementwhose length is less than or equal to a first percentage (for example,10%) of a length of the screen, or the small-area page element may be apage element whose width is less than or equal to a second percentage(for example, 10%) of a width of the screen, or the small-area pageelement may be a page element whose length is less than or equal to afirst percentage of a length of the screen and whose width is less thanor equal to a second percentage of a width of the screen.

In this embodiment of this application, after the mobile phone detectsan operation of tapping the icon by the user, the mobile phone maycontrol the icon to be reduced in size based on a specific proportion.Changing a shape of the page element upon detecting the user operationenhances feedback from the mobile phone for the user operation, toenhance a prompt effect of the mobile phone for the user operation.

FIG. 4 shows another group of GUI pages of the mobile phone, where (a)to (h) in FIG. 4 show a process in which pixel values of a missed-callnotification widget change when a user taps the notification widget.

Referring to a GUI page shown in (a) in FIG. 4 , the GUI page is anincoming-call display interface of the mobile phone. The incoming-calldisplay interface includes controls. The plurality of controls include acontrol 401. After the mobile phone detects an operation of tapping thecontrol 401 by the user, a GUI page shown in (b) in FIG. 4 is displayed.

It should be understood that the incoming-call display interface furtherincludes a control 402, a control 403, and a control 404.

For example, when the mobile phone detects an operation of tapping thecontrol 402 by the user, the mobile phone may automatically cut off theincoming call and reply with a message. In this case, the mobile phonemay provide, for the user, suggestions of message content, for example,“I will call you back later”, “Sorry, I'm unavailable now”, “I'm in ameeting right now. I will contact you later”, and “Just a moment. I willbe right there”.

For example, after the mobile phone detects an operation of tapping thecontrol 403 by the user, the mobile phone may cut off the incoming call.

For example, after the mobile phone detects an operation of tapping thecontrol 404 by the user, the mobile phone may connect the incoming call,and the called user can speak with a calling user.

It should be understood that the controls 401 to 404 may also besmall-area page elements of the mobile phone, and when the mobile phonedetects that the user taps the control 401, pixel values of the control401 may also be reduced in size based on a specific proportion.

Referring to the GUI page shown in (b) in FIG. 4 , the GUI page isanother incoming-call display interface of the mobile phone. Theincoming-call display interface includes a callback reminder window 405,where the mobile phone may remind the user to call back a calling partyin 30 minutes, in 1 hour, or in 2 hours. After the mobile phone detectsan operation of tapping a control 406 by the user, the mobile phone mayautomatically cut off the incoming call and display a GUI page shown in(c) in FIG. 4 .

Referring to the GUI page shown in (c) in FIG. 4 , the GUI page is adesktop of the mobile phone. After the mobile phone automatically cutoff the incoming call, the mobile phone may generate callback reminderinformation for the missed call, and the user may view the informationon a negative one screen. When the mobile phone detects an operation ofsliding rightwards by the user at any location on the screen, the mobilephone may display a GUI page shown in (d) in FIG. 4 .

It should be understood that, in this embodiment of this application,the negative one screen is an interface displayed after the userdetects, on the desktop of the mobile phone (such as the desktop of themobile phone shown in (c) in FIG. 4 ), an operation of slidingrightwards by the user. The desktop of the mobile phone shown in (c) inFIG. 4 may be the second desktop page on the desktop of the mobilephone, and the negative one screen may be the first desktop page on thedesktop of the mobile phone, as shown in (d) in FIG. 4 . The negativeone screen may provide, for the user, services such as searching,application advice, a quick service, a missed-call notification widget,and situational intelligence. The negative one screen may display someapps that are frequently used by the user.

For example, for a mobile phone with an Android operating system, adesktop of the mobile phone may also include desktop pages, where thefirst desktop page may be a home screen of the mobile phone.

If a current desktop page is the third desktop page, the home screen maybe displayed after the mobile phone detects, at the bottom of a screen,an operation of sliding upwards by a user.

In one embodiment, if a screen of the mobile phone is currentlydisplaying an application, a desktop page (for example, the seconddesktop page) including an icon of the application may be displayedafter the mobile phone detects, at the bottom of the screen, anoperation of sliding upwards by a user; the home screen may be displayedafter the mobile phone once again detects, at the bottom of the screen,an operation of sliding upwards by the user.

When the screen of the mobile phone displays the home screen, anegative-one-screen interface may be displayed after the mobile phonedetects an operation of sliding rightwards by the user.

For example, for a mobile phone with an iOS operating system, a desktopof the mobile phone may also include desktop pages, where the firstdesktop page may also be a home screen of the mobile phone.

If a current desktop page is the third desktop page, the home screen maybe displayed when the mobile phone detects an operation of pressing ahome key by a user.

In one embodiment, if a screen of the mobile phone is currentlydisplaying an application, a desktop page (for example, the seconddesktop page) including an icon of the application may be displayedafter the mobile phone detects an operation of pressing a home key by auser; the home screen may be displayed after the mobile phone once againdetects an operation of pressing the home key by the user.

When the screen of the mobile phone displays the home screen, anegative-one-screen interface may be displayed after the mobile phonedetects an operation of sliding rightwards by the user.

It should be understood that the home screen may be set before delivery,or may be set by the user based on a preference of the user. This is notlimited in this embodiment of this application.

Referring to the GUI page shown in (d) in FIG. 4 , the GUI page is anegative-one-screen interface of the mobile phone. Thenegative-one-screen interface may include a notification widget 407 ofmissed-call callback reminder.

Referring to a GUI page shown in (e) in FIG. 4 , the GUI page is adisplay interface, of the negative one screen, displayed when a fingerof the user approaches but has not yet tapped the notification widget407. In this case, pixel values of the notification widget 407 areinitial pixel values, and the initial pixel values are 1376 px in lengthand 640 px in width.

Referring to a GUI page shown in (f) in FIG. 4 , the GUI page is adisplay interface, of the negative one screen, displayed when the fingerof the user taps the notification widget 407. In this case, the pixelvalues of the notification widget 407 are reduced to 1307 px in lengthand 608 px in width.

In an embodiment, a process in which the pixel values of thenotification widget 407 are reduced from 1376 px in length and 640 px inwidth to 1307 px in length and 608 px in width may be a gradual process,and the pixel values of the notification widget 407 may be graduallyreduced to 1307 px in length and 608 px in width at a specific rate.

It should be understood that duration of the process in which thenotification widget is changed from 1376 px in length and 640 px inwidth to 1307 px in length and 608 px in width may be 150-200 ms.

In an embodiment, after the pixel values of the notification widget 407are reduced from 1376 px in length and 640 px in width to 1307 px inlength and 608 px in width, the pixel values of the notification widget407 may remain 1307 px in length and 608 px in width, and be no longerreduced.

It should be understood that, in this embodiment of this application,tapping the notification widget 407 by the finger of the user may alsobe understood as pressing the notification widget 407 by the finger ofthe user.

It should be further understood that the GUI pages shown in FIG. 4 aredescribed by using an example in which the pixel values of themissed-call callback notification widget are 1376 px in length and 640px in width; the pixel values of the notification widget of the mobilephone may alternatively be other values, and different types ofnotification widgets may have different pixel values. This is notlimited in this embodiment of this application.

Referring to a GUI page shown in (g) in FIG. 4 , the GUI page is adisplay interface displayed when the finger of the user leaves thenegative one screen. In this case, the pixel values of the notificationwidget 407 are restored to 1376 px in length and 640 px in width.

In an embodiment, a process in which the pixel values of thenotification widget 407 are restored from 1307 px in length and 608 pxin width to 1376 px in length and 640 px in width may be a gradualprocess, and the notification widget 407 may be gradually restored to1376 px in length and 640 px in width at a specific rate.

Referring to a GUI page shown in (h) in FIG. 4 , the GUI page is adisplay interface displayed after the finger of the user taps thenotification widget 407. The display interface includes a call promptwindow 408. The call prompt window 408 includes controls for promptingthe user to call back by using a card 1 (whose operator is ChinaMobile), to call back by using a card 2 (whose operator is ChinaUnicom), and to edit before calling.

It should be understood that there may be no time interval from (g) inFIG. 4 to (h) in FIG. 4 , and the mobile phone may display the window408 when the notification widget 407 is restored to the initial pixelvalues.

For example, after the mobile phone detects that the user taps thecontrol for calling back by using the card 1, the mobile phone may calla user whose mobile number is 18792929676 by using the card 1.

It should be understood that the GUI pages shown in FIG. 4 are describedby using an example in which the pixel values in length and width of thenotification widget are respectively reduced to 95% of the initial pixelvalue in length and 95% of the initial pixel value in width when themobile phone detects that the finger of the user taps the notificationwidget; the pixel values may be alternatively reduced based on anotherproportion. This is not limited in this embodiment of this application.

It should be further understood that the notification widget 407 in FIG.4 may be a medium-area page element on the mobile phone, and medium-areapage elements on the mobile phone may further include a notificationwidget in a drop-down list and the like. In an embodiment, when themobile phone detects that the user taps another medium-area pageelement, the another medium-area page element may be reduced in sizebased on the same scaling proportion as the icon, or may be reduced insize based on a different scaling proportion. This is not limited inthis embodiment of this application.

In an embodiment, the medium-area page element may be a page elementwhose pixel value in length is greater than a first pixel value and lessthan or equal to a third pixel value, or the medium-area page elementmay be a page element whose pixel value in width is greater than asecond pixel value and less than or equal to a fourth pixel value, orthe medium-area page element may be a page element whose pixel value inlength is greater than a first pixel value and less than or equal to athird pixel value and whose pixel value in width is greater than asecond pixel value and less than or equal to a fourth pixel value. Thefirst pixel value is less than the third pixel value, and the secondpixel value is less than the fourth pixel value.

It should be understood that the third pixel value may be the same asthe fourth pixel value or may be different from the fourth pixel value.

For example, the third pixel value is 1800 px, and the fourth pixelvalue is 800 px.

In another embodiment, the medium-area page element may be a pageelement whose length is greater than a first distance and less than athird distance, or the medium-area page element may be a page elementwhose width is greater than a second distance and less than a fourthdistance, or the medium-area page element may be a page element whoselength is greater than a first distance and less than or equal to athird distance and whose width is greater than a second distance andless than or equal to a fourth distance. The first distance is less thanthe third distance, and the second distance is less than the fourthdistance.

It should be understood that the third distance may be the same as thefourth distance or may be different from the fourth distance.

In another embodiment, the medium-area page element may alternatively bea page element whose area is greater than a first area and less than orequal to a second area. The first area is less than the second area.

In another embodiment, the medium-area page element may be a pageelement whose length is greater than a first percentage of a length ofthe screen and less than or equal to a third percentage (for example,50%) of the length of the screen, or the medium-area page element may bea page element whose width is greater than a second percentage of awidth of the screen and less than or equal to a fourth percentage (forexample, 20%) of the width of the screen, or the medium-area pageelement may be a page element whose length is greater than a firstpercentage of a length of the screen and less than or equal to a thirdpercentage of the length of the screen and whose width is greater than asecond percentage of a width of the screen and less than or equal to afourth percentage of the width of the screen. The third percentage isgreater than the first percentage, and the fourth percentage is greaterthan the second percentage.

In this embodiment of this application, after the mobile phone detectsan operation of tapping the notification widget by the user, the mobilephone may control the notification widget to be reduced in size based ona specific proportion. Changing a shape of the page element upondetecting the user operation enhances feedback from the mobile phone forthe user operation, to enhance a prompt effect of the mobile phone forthe user operation.

FIG. 5 shows another group of GUI pages of the mobile phone, where (a)to (f) in FIG. 5 show a process in which pixel values of an alarm clockwidget change when a user generates the alarm clock widget by using avoice assistant and taps the generated alarm clock widget.

Referring to a GUI page shown in (a) in FIG. 5 , the GUI page is adisplay interface displayed during interaction between the mobile phoneand the user. After the mobile phone detects a voice wakeup keyword“Xiaoyi Xiaoyi” of the user, the mobile phone may display a text displaywindow 501 of the voice assistant on a desktop, and the mobile phone mayuse the window 501 to show “Hi, I'm listening” to the user. It should beunderstood that, when notifying the user by displaying text in thewindow 501, the mobile phone may also play an announcement “Hi, I'mlistening” to the user.

Referring to a GUI page shown in (b) in FIG. 5 , the GUI page is anotherdisplay interface displayed during interaction between the mobile phoneand the user. When the mobile phone detects a voice instruction “I wantto set an alarm” of the user, the mobile phone may display, by using atext display window 502 of the voice assistant, text informationcorresponding to the voice instruction of the user.

Referring to a GUI page shown in (c) in FIG. 5 , the GUI page is adisplay interface displayed when a finger of the user approaches but hasnot yet tapped the alarm clock widget 503. The display interfaceincludes the alarm clock widget 503, and the mobile phone may furthernotify the user that “the alarm has been created” by using text andspeech. Pixel values of the alarm clock widget 503 in the displayinterface may be initial pixel values, and the initial pixel values ofthe alarm clock widget 503 are 1090 px in length and 240 px in width.

It should be understood that the mobile phone may automatically generatethe corresponding alarm clock widget 503 after displaying the textinformation in the window 502.

It should be further understood that, after the user gives the voiceinstruction “I want to set an alarm”, because the voice instructionincludes a user intention (to set an alarm) but does not includecorresponding slot information (what time to set the alarm for), themobile phone may directly determine, for the user, the slot informationcorresponding to the intention, that is, the mobile phone may directlydetermine 8:00 a.m. by default as the slot information corresponding tothe user intention. Then, the mobile phone may display the alarm clockwidget 503, and notify the user that “the alarm has been created” byusing text and speech.

In an embodiment, the mobile phone may determine a corresponding userintention after receiving the voice instruction “I want to set an alarm”of the user. Yet, after the mobile phone finds that the voiceinstruction lacks corresponding slot information, the mobile phone maysend, to the user, voice information used to obtain the slotinformation. For example, the mobile phone may play an announcement“What time do you expect to set the alarm for?” to the user by using thevoice assistant. After the mobile phone once again receives voiceinformation from the user, the mobile phone may determine thecorresponding slot information. For example, after the user gives avoice instruction “set the alarm for 9:00 am.”, the mobile phone mayautomatically generate the alarm for 9:00 a.m.

Referring to a GUI page shown in (d) in FIG. 5 , the GUI page is adisplay interface displayed when the finger of the user taps the alarmclock widget 503. When the mobile phone detects that the finger of theuser taps the alarm clock widget 503, the pixel values of the alarmclock widget are reduced to 1036 px in length and 228 px in width.

In an embodiment, a process in which the pixel values of the alarm clockwidget 503 are reduced from 1090 px in length and 240 px in width to1036 px in length and 228 px in width may be a gradual process, and thepixel values of the alarm clock widget 503 may be gradually reduced to1036 px in length and 228 px in width at a specific rate.

It should be understood that duration of the process in which the alarmclock widget is changed from 1376 px in length and 640 px in width to1307 px in length and 608 px in width may be 150-200 ms.

In an embodiment, after the pixel values of the alarm clock widget 503are reduced from 1090 px in length and 240 px in width to 1036 px inlength and 228 px in width, the pixel values of the alarm clock widget503 may remain 1036 px in length and 228 px in width, and be no longerreduced.

It should be understood that, in this embodiment of this application,tapping the alarm clock widget 503 by the finger of the user may also beunderstood as pressing the alarm clock widget 503 by the finger of theuser.

It should be further understood that the GUI pages shown in FIG. 5 aredescribed by using an example in which the initial pixel values of thealarm clock widget are 1090 px in length and 240 px in width; the pixelvalues of the alarm clock widget of the mobile phone may alternativelybe other values. This is not limited in this embodiment of thisapplication.

Referring to a GUI page shown in (e) in FIG. 5 , the GUI page is adisplay interface displayed when the finger of the user leaves a screen.When the mobile phone detects that the finger of the user leaves thescreen, the pixel values of the alarm clock widget 503 are restored from1036 px in length and 228 px in width to 1090 px in length and 240 px inwidth.

In an embodiment, a process in which the pixel values of the alarm clockwidget 503 are restored from 1036 px in length and 228 px in width to1090 px in length and 240 px in width may be a gradual process, and thealarm clock widget 503 may be gradually restored to 1090 px in lengthand 240 px in width at a specific rate.

Referring to a GUI page shown in (f) in FIG. 5 , the GUI page is analarm editing interface. The user may edit, in the alarm editinginterface, the alarm that is set by using the voice assistant.

It should be understood that the GUI pages shown in FIG. 5 are describedby using an example in which the pixel values in length and width of thealarm clock widget are respectively reduced to 95% of the initial pixelvalue in length and 95% of the initial pixel value in width when themobile phone detects that the finger of the user taps the alarm clockwidget; the pixel values may be alternatively reduced based on anotherproportion. This is not limited in this embodiment of this application.

It should be further understood that the alarm clock widget may also bea medium-area page element.

In this embodiment of this application, after the mobile phone detectsan operation of tapping the alarm clock widget by the user, the mobilephone may control the alarm clock widget to be reduced in size based ona specific proportion. Changing a shape of the page element upondetecting the user operation enhances feedback from the mobile phone forthe user operation, to improve a prompt effect of the mobile phone forthe user operation.

FIG. 6 shows another group of GUI pages of the mobile phone, where (a)to (f) in FIG. 6 show a process in which pixel values of anunread-message notification widget change when a user taps theunread-message notification widget in a drop-down list.

Referring to a GUI page shown in (a) in FIG. 6 , the GUI page is adesktop of the mobile phone. The user may view an unread message byusing the drop-down list. When the mobile phone detects an operation ofsliding downwards by the user at a location near the top of a screen,the mobile phone may display a GUI page shown in (b) in FIG. 6 .

It should be understood that, in this embodiment of this application,the user may slide downwards at a location near the top of the screen,and the mobile phone can display an interface of the drop-down list. Thedrop-down list includes quick entries of functions, such as an airplanemode, a Wi-Fi function, a flashlight function, a do-not-disturbfunction, and a file sharing (“Huawei Share”) function. The user mayadjust an order of the functions in the drop-down list, or may increaseor decrease content in the drop-down list. The drop-down list mayfurther include some notification widgets used to notify the user of,for example, an unread message of the user and a location at which arecent call recording of the user is saved.

Referring to (b) in FIG. 6 , the GUI page is the display interface ofthe drop-down list of the mobile phone. The interface of the drop-downlist may include an unread-message notification widget 601, a callrecorder notification widget 602, and a function menu display window603. The unread-message notification widget 601 displays content of amessage that is recently received but has not been read by the user. Thecall recorder notification widget 602 displays a location at which arecent call recording of the user is saved. The function menu displaywindow 603 includes function options. The plurality of function optionsinclude an airplane mode selection function, a Wi-Fi on/off function, aflashlight on/off function, a do-not-disturb mode on/off function, and aHuawei share (Huawei Share) on/off function. The function menu displaywindow 603 further includes a function used to adjust brightness of thescreen.

Referring to a GUI page shown in (c) in FIG. 6 , the GUI page is adisplay interface, of the drop-down list, displayed when a finger of theuser approaches but has not yet tapped the unread-message notificationwidget 601. Pixel values of the unread-message notification widget 601in the display interface may be initial pixel values, and the initialpixel values of the unread-message notification widget 601 are 1090 pxin length and 300 px in width.

Referring to a GUI page shown in (d) in FIG. 6 , the GUI page is adisplay interface, of the drop-down list, displayed when the finger ofthe user taps the unread-message notification widget 601. When themobile phone detects that the finger of the user taps the unread-messagenotification widget 601, the pixel values of the unread-messagenotification widget are reduced to 1036 px in length and 285 px inwidth.

In an embodiment, a process in which the pixel values of theunread-message notification widget 601 are reduced from 1090 px inlength and 300 px in width to 1036 px in length and 285 px in width maybe a gradual process, and the pixel values of the unread-messagenotification widget 601 may be gradually reduced to 1036 px in lengthand 285 px in width at a specific rate.

It should be understood that duration of the process in which theunread-message notification widget is changed from 1090 px in length and300 px in width to 1036 px in length and 285 px in width may be 150-200ms.

In an embodiment, after the pixel values of the unread-messagenotification widget 601 are reduced from 1090 px in length and 300 px inwidth to 1036 px in length and 285 px in width, the pixel values of theunread-message notification widget 601 may remain 1036 px in length and285 px in width, and be no longer reduced.

It should be understood that, in this embodiment of this application,tapping the unread-message notification widget 601 by the finger of theuser may also be understood as pressing the unread-message notificationwidget 601 by the finger of the user.

Referring to a GUI page shown in (e) in FIG. 6 , the GUI page is adisplay interface, of the drop-down list, displayed when the mobilephone detects that the finger of the user leaves the screen. When themobile phone detects that the finger of the user leaves the screen, thepixel values of the unread-message notification widget 601 are restoredfrom 1036 px in length and 285 px in width to 1090 px in length and 300px in width.

In an embodiment, a process in which the pixel values of theunread-message notification widget 601 are restored from 1036 px inlength and 285 px in width to 1090 px in length and 300 px in width maybe a gradual process, and the unread-message notification widget 601 maybe gradually restored to 1090 px in length and 300 px in width at aspecific rate.

Referring to a GUI page shown in (f) in FIG. 6 , the GUI page is adisplay interface of a “Message” application. The display interfaceincludes a text input window 604. The user may enter, in the text inputwindow 604, information that is to be sent as a reply, and taps acontrol 605 to send the reply information to a user whose mobile numberis 18792929676.

It should be understood that the GUI pages shown in FIG. 6 are describedby using an example in which the initial pixel values of theunread-message notification widget are 1090 px in length and 300 px inwidth; the pixel values of the unread-message notification widget of themobile phone may alternatively be other values. This is not limited inthis embodiment of this application.

It should be further understood that the unread-message notificationwidget may also be a medium-area page element.

The foregoing describes, with reference to FIG. 4 to FIG. 6 , a changeof the page element in a process in which the user taps the medium-areapage element in this application. After the mobile phone detects anoperation of tapping the medium-area page element by the user, themobile phone may control the medium-area page element to be reduced insize based on a specific proportion. Changing a shape of the medium-areapage element upon detecting the user operation helps to enhance feedbackfrom the mobile phone for the user operation, to improve a prompt effectof the mobile phone for the user operation.

FIG. 7 shows another group of GUI pages of the mobile phone, where (a)to (g) in FIG. 7 show a process in which pixel values of a task widgetchange when a user taps one of task widgets to enter a correspondingapplication.

Referring to a GUI page shown in (a) in FIG. 7 , the GUI page is adesktop of the mobile phone. After the mobile phone detects an operationof tapping a control 701 by the user, a GUI page shown in (b) in FIG. 7is displayed.

Referring to the GUI page shown in (b) in FIG. 7 , the GUI page is adisplay interface of the plurality of task widgets of the mobile phone.The plurality of task widgets may include a thumbnail of one or moreapplication processes. The user may select, by sliding leftwards orrightwards, an application that needs to be displayed. After the mobilephone detects, in the display interface of the plurality of taskwidgets, an operation of sliding rightwards by the user, a GUI pageshown in (c) in FIG. 7 may be displayed.

It should be understood that, in this embodiment of this application,there may be entries for the display interface of the plurality of taskwidgets. After the mobile phone detects an operation of tapping thecontrol 701 by the user, the mobile phone may display the displayinterface of the plurality of task widgets. In one embodiment, afterdetecting an operation of sliding upwards by the user at the bottom of ascreen, the mobile phone may display the display interface of theplurality of task widgets.

It should be further understood that, as shown in (b) in FIG. 7 ,thumbnails of all applications in the plurality of task widgets may bearranged in order of time at which the user switches the correspondingapplications to the background, and a thumbnail of the last applicationswitched to the background by the user may be displayed in the firstposition. For example, referring to a task widget 702 shown in (b) inFIG. 7 , an application corresponding to the task widget 702 is a wakeupkeyword training application, and an icon 704 is an icon of the wakeupkeyword training application. The display interface may further includea task widget 703, and the user may slide rightwards in the interface todisplay the corresponding task widget 703.

Referring to a GUI page shown in (c) in FIG. 7 , the GUI page is anotherdisplay interface of the plurality of task widgets of the mobile phone.The display interface includes the task widget 702, the task widget 703,and a task widget 704. An icon 706 is an icon of a Gallery applicationcorresponding to the task widget 703. The display interface furtherincludes a control 707. After the mobile phone detects an operation oftapping the control 707 by the user, the mobile phone may perform ascreen split operation, for example, display the Gallery application onan upper half of the screen of the mobile phone, and display the desktopof the mobile phone on a lower half of the screen of the mobile phone.

Referring to a GUI page shown in (d) in FIG. 7 , the GUI page is adisplay interface displayed when a finger of the user is about to tapbut is not yet in contact with the task widget 703. Pixel values of thetask widget 703 in the display interface may be initial pixel values,and the initial pixel values of the task widget 703 are 1872 px inlength and 864 px in width.

Referring to a GUI page shown in (e) in FIG. 7 , the GUI page is adisplay interface displayed when the finger of the user taps the taskwidget 703. When the mobile phone detects that the finger of the usertaps the task widget 703, the pixel values of the task widget 703 arereduced to 1778 px in length and 821 px in width.

In an embodiment, a process in which the pixel values of the task widget703 are reduced from 1872 px in length and 864 px in width to 1778 px inlength and 821 px in width may be a gradual process, and the pixelvalues of the task widget 703 may be gradually reduced to 1778 px inlength and 821 px in width at a specific rate.

It should be understood that duration of the process in which the taskwidget is changed from 1872 px in length and 864 px in width to 1778 pxin length and 821 px in width may be 200-250 ms.

In an embodiment, after the pixel values of the task widget 703 arereduced from 1872 px in length and 864 px in width to 1778 px in lengthand 821 px in width, the pixel values of the task widget 703 may remain1778 px in length and 864 px in width, and be no longer reduced.

It should be understood that, in this embodiment of this application,tapping the task widget 703 by the finger of the user may be understoodas pressing the task widget 703 by the finger of the user.

Referring to a GUI page shown in (f) in FIG. 7 , the GUI page is adisplay interface, of the plurality of task widgets, displayed when themobile phone detects that the finger of the user leaves the screen. Whenthe mobile phone detects that the finger of the user leaves the screen,the pixel values of the task widget 703 are restored from 1778 px inlength and 821 px in width to 1872 px in length and 864 px in width.

In an embodiment, a process in which the pixel values of the task widget703 are restored from 1778 px in length and 821 px in width to 1872 pxin length and 864 px in width may be a gradual process, and the taskwidget 703 may be gradually restored to 1872 px in length and 864 px inwidth at a specific rate.

Referring to a GUI page shown in (g) in FIG. 7 , the GUI page is adisplay interface of the Gallery application. After the mobile phonedetects an operation of tapping the task widget 703 by the user, themobile phone may display the interface of the Gallery application.

It should be understood that the interface of the Gallery applicationmay be a display interface, of the Gallery application, displayed whenthe user previously exits the Gallery application.

It should be further understood that the task widget may be a large-areapage element on the electronic device.

In an embodiment, the large-area page element may be a page elementwhose pixel value in length is greater than a third pixel value, or thelarge-area page element may be a page element whose pixel value in widthis greater than a fourth pixel value, or the large-area page element maybe a page element whose pixel value in length is greater than a thirdpixel value and whose pixel value in width is greater than a fourthpixel value.

In another embodiment, the large-area page element may be a page elementwhose length is greater than a third distance, or the large-area pageelement may be a page element whose width is greater than a fourthdistance, or the large-area page element may be a page element whoselength is greater than a third distance and whose width is greater thana fourth distance.

In another embodiment, the large-area page element may alternatively bea page element whose area is greater than a second area.

In another embodiment, the large-area page element may be a page elementwhose length is greater than a third percentage of a length of thescreen, or the large-area page element may be a page element whose widthis greater than a fourth percentage of a width of the screen, or thelarge-area page element may be a page element whose length is greaterthan a third percentage of a length of the screen and whose width isgreater than a fourth percentage of a width of the screen.

In this embodiment of this application, after the mobile phone detectsan operation of tapping the task widget by the user, the mobile phonemay control the task widget to be reduced in size based on a specificproportion. Changing a shape of the page element upon detecting the useroperation enhances feedback from the mobile phone for the useroperation, to improve a prompt effect of the mobile phone for the useroperation.

FIG. 8 shows another group of GUI pages according to an embodiment ofthis application, where (a) to (f) in FIG. 8 show a process in whichpixel values of a camera control change when a user double taps to takea candid photo in a Gallery application.

Referring to a GUI page shown in (a) in FIG. 8 , the GUI page is adesktop 801 of the mobile phone. After detecting an operation of tappingan icon 802 of the Gallery application on the desktop 801 by the user,the mobile phone may start the Gallery application, and display a GUIpage shown in (b) in FIG. 8 , where the GUI page may be referred to as acamera interface. The camera interface may include a viewfinder frame803. In a preview state, a preview image may be displayed in real timein the viewfinder frame 803. After the mobile phone detects that theuser taps a camera control 804, the mobile phone performs aphotographing operation, and saves a shot photo. When a finger of theuser is about to tap but is not yet in contact with the control 804, thecontrol 804 may maintain initial pixel values, and the initial pixelvalues are 216 px in length and 216 px in width.

It should be understood that the camera interface may further include aGallery icon 805. After detecting that the user taps the Gallery icon805, the mobile phone may display a shot photo, video, or the like on ascreen. The camera interface may further include a switching control 806of a front-facing camera and a rear-facing camera. The user may switchbetween the front-facing camera and the rear-facing camera by tappingthe control 806.

It should be further understood that the pixel values of the cameracontrol 804 may be the same as pixel values of the icon on the desktop,or may be different from pixel values of the icon on the desktop. Thisis not limited in this embodiment of this application.

Referring to a GUI page shown in (c) in FIG. 8 , the GUI page is acamera interface displayed when the mobile phone detects that the usertaps the control 804. In this case, the pixel values of the cameracontrol 804 are reduced to 194 px in length and 194 px in width.

In an embodiment, a process in which the pixel values of the cameracontrol 804 are reduced from 216 px in length and 216 px in width to 194px in length and 194 px in width may be a gradual process, and the pixelvalues of the task widget 703 may be gradually reduced to 194 px inlength and 194 px in width at a specific rate.

In an embodiment, when the pixel values of the camera control 804 arereduced from 216 px in length and 216 px in width to 194 px in lengthand 194 px in width, the pixel values of the camera control 804 mayremain 194 px in length and 194 px in width, and be no longer reduced.

Referring to a GUI page shown in (d) in FIG. 8 , the GUI is a camerainterface displayed when the mobile phone detects that the finger of theuser leaves the control 804. When the mobile phone detects that thefinger of the user leaves the camera control 804, the camera control 804is gradually restored from 194 px in length and 194 px in width to theinitial pixel values. When the pixel values of the camera control arerestored to 205 px in length and 205 px in width (that is, the pixelvalues are not yet restored to the initial pixel values), the mobilephone once again detects an operation of tapping the control 804 by theuser. It should be understood that this process may be a process inwhich the user takes a candid photo by using the finger.

Referring to a GUI page shown in (e) in FIG. 8 , the GUI page is acamera interface displayed when the mobile phone detects, for the secondtime in a short period of time, that the user taps the control 804. Inthis case, the camera control 804 once again zoom out to 194 px inlength and 194 px in width from the pixel values (205 px in length and205 px in width) that are obtained when it is detected that the fingerof the user taps the camera control for the second time.

Referring to a GUI page shown in (f) in FIG. 8 , the GUI page is acamera interface displayed when the mobile phone detects that the fingerof the user leaves the control. The pixel values of the camera control804 may be gradually restored from 194 px in length and 194 px in widthto the initial pixel values. It should be understood that, in a processin which the pixel values of the camera control 804 are graduallyrestored from 194 px in length and 194 px in width to the initial pixelvalues, the mobile phone detects no operation of tapping the control 804by the finger of the user.

In this embodiment of this application, after the mobile phone detectsan operation of tapping the control by the user, the mobile phone maycontrol the control to be reduced in size based on a specificproportion. Changing a shape of the page element upon detecting the useroperation enhances feedback from the mobile phone for the useroperation, to improve a prompt effect of the mobile phone for the useroperation. In addition, when the mobile phone detects that the finger ofthe user leaves the control, the pixel values of the control may begradually restored. In a restoration process, when the mobile phone onceagain detects an operation of tapping the control by the user, themobile phone may control the control to be reduced in size again. Such aprocess may be referred to as an interruptible mechanism. Through theinterruptible mechanism, consistency between mind and eye of the usercan be achieved, and an expectation of the user for the operation ismet.

The foregoing describes several groups of GUI pages in the embodimentsof this application with reference to FIG. 3 to FIG. 8 . In descriptionsof the several groups of GUI pages, when the user taps a correspondingpage element, the page element may change correspondingly, to enhancefeedback from the electronic device to the user, to improve a prompteffect of the electronic device for a user operation.

When tapping the icon shown in (b) in FIG. 3 and the camera controlshown in (c) in FIG. 8 , the user may feel that the icon bounces morelightly. When tapping the missed-call notification widget shown in (f)in FIG. 4 , the alarm clock widget shown in (d) in FIG. 5 , and theunread-message notification widget shown in (d) in FIG. 6 , the user mayfeel that the notification widget or the alarm clock widget bounces moreheavily. When tapping the task widget shown in (e) in FIG. 7 , the usermay feel that the task widget bounces more heavily than the notificationwidget or the alarm clock widget.

The following describes a page element change process in the embodimentsof this application.

FIG. 9 is a schematic diagram of a process in which a user taps a pageelement. The process in which the user taps the page element may bedivided into three processes: finger hover (hover), finger down (down),and finger up (up). Average duration of the tapping process may be 460ms, and a time interval from finger down to finger up may beapproximately 100-130 ms. In this embodiment of this application,feedback with animation (animation) is mainly provided for the user inthe 100-130 ms from finger down to finger up. In this embodiment of thisapplication, an electronic device may perform, in the time interval fromfinger down to finger up, feedback in the form of animation for anoperation of tapping the page element by the user. This helps to improvea prompt effect of the mobile phone for the user operation.

FIG. 10 is a schematic diagram of simulating spring mechanics whendifferent page elements are pressed according to an embodiment of thisapplication. In this embodiment of this application, an electronicdevice may mold different bounce effects based on areas of page elementsof different sizes. Feedback effects of tapping page elements that havedifferent areas are adjusted by increasing an initial velocity, astiffness value, and a damping value of a tap spring, to bring differentfeelings to a user. A feeling of lightness is brought for pressing asmall-area page element. A feeling of firmness is brought for pressing amedium-area page element. A feeling of heaviness is brought for pressinga large-area page element.

For example, Table 1 shows application scenarios corresponding to pageelements with different areas in the electronic device.

TABLE 1 Page element type Application scenario Small-area Desktop icon,photo thumbnail, control, page element and the like Medium-area Alarmclock widget, notification widget, page element negative-one-screenwidget, and the like Large-area Multi-task widget and the like pageelement

For page elements with different areas, different spring mechanicsparameters may be simulated.

For example, Table 2 shows spring mechanics parameters corresponding topage elements with different areas.

TABLE 2 Parameter Recommended Stiffness Damping Initial scaling Pageelement type (stiffness) (damping) velocity proportion Small-area 410 381 90% page element Medium-area 350 35 0.5 95% page element Large-area340 28 0 95% page element

It should be understood that, for the parameters shown in Table 2, masssprings corresponding to the small-area page element, the medium-areapage element, and the large-area page element may have a same mass.

A differential equation during motion of a damping system is a formula(1):

$\begin{matrix}{{{- {kx}} - {g\frac{dx}{dt}}} = {m\frac{d^{2}x}{{dt}^{2}}}} & (1)\end{matrix}$

Herein, k represents an elastic coefficient, g represents a frictioncoefficient, m represents a mass of a mass spring, x represents adistance between the mass spring and an equilibrium position,

$\frac{dx}{dt}$represents a velocity of the mass spring, and

$\frac{d^{2}x}{{dt}^{2}}$represents an acceleration of the mass spring.

FIG. 11 is a schematic change diagram of a simulated spring when asmall-area page element is pressed. A mass of a mass springcorresponding to the small-area page element, a mass of a mass springcorresponding to a medium-area page element, and a mass of a mass springcorresponding to a large-area page element may be different. The mass ofthe mass spring corresponding to the small-area page element may be 0.3kg, where B represents a distance h between the mass spring and anequilibrium position, and C represents stiffness of the mass spring.When the spring is pressed by an external force, a value of B is changedto h₁.

FIG. 12 is a schematic change diagram of a simulated spring when amedium-area page element is pressed. When the spring is pressed by anexternal force, a value of B is changed to h₂.

FIG. 13 is a schematic change diagram of a simulated spring when alarge-area page element is pressed. When the spring is pressed by anexternal force, a value of B is changed to h₃.

Herein, h₁<h₂<h₃.

It should be understood that Table 2 is merely an example. Springmechanics parameters corresponding to page elements with different areasmay be alternatively shown in Table 3, where mass springs correspondingto a small-area page element, a medium-area page element, and alarge-area page element may have a same mass and same stiffness.

TABLE 3 Parameter Page element type Damping Initial velocity Small-area28 1 page element Medium-area 35 0.5 page element Large-area 38 0 pageelement

It should be further understood that the parameter values in Table 2 andTable 3 are merely examples. This is not limited in this embodiment ofthis application.

With reference to the foregoing embodiments and related accompanyingdrawings, an embodiment of this application provides a page elementdisplay method. The method may be implemented in the electronic device(for example, a mobile phone or a tablet computer), with thetouchscreen, shown in FIG. 1 and FIG. 2 . As shown in FIG. 14 , themethod may include the following steps.

S1401: An electronic device displays a first interface, where the firstinterface includes a first page element, and a size of the first pageelement is a first size.

For example, as shown in (a) in FIG. 3 , the first interface is thedesktop of the mobile phone, the first page element is the icon 301 ofthe “Themes” application, and the pixel values of the icon 301 are 216px in length and 216 px in width.

For example, as shown in (e) in FIG. 4 , the first interface is thenegative-one-screen interface of the mobile phone, the first pageelement is the missed-call notification widget 407, and the pixel valuesof the missed-call notification widget 407 are 1376 px in length and 640px in width.

For example, as shown in (c) in FIG. 5 , the first interface is thedesktop of the mobile phone, the first page element is the alarm clockwidget 503, and the pixel values of the alarm clock widget 503 are 1090px in length and 240 px in width.

For example, as shown in (c) in FIG. 6 , the first interface is thedisplay interface of the drop-down list of the mobile phone, the firstpage element is the unread-message notification widget 601, and thepixel values of the unread-message notification widget 601 are 1090 pxin length and 300 px in width.

For example, as shown in (d) in FIG. 7 , the first interface is thedisplay interface of the plurality of task widgets, the first pageelement is the task widget 703, and the pixel values of the task widget703 are 1872 px in length and 864 px in width.

For example, as shown in (b) in FIG. 8 , the first interface is thecamera interface of the mobile phone, the first page element is thecamera control 804, and the pixel values of the camera control 804 are216 px in length and 216 px in width.

S1402: The electronic device detects a first operation performed by auser on the first page element.

For example, as shown in (b) in FIG. 3 , the first operation is anoperation of tapping the icon 301 by the user.

For example, as shown in (f) in FIG. 4 , the first operation is anoperation of tapping the missed-call notification widget 407 by theuser.

For example, as shown in (d) in FIG. 5 , the first operation is anoperation of tapping the alarm clock widget 503 by the user.

For example, as shown in (d) in FIG. 6 , the first operation is anoperation of tapping the unread-message notification widget 601 by theuser.

For example, as shown in (e) in FIG. 7 , the first operation is anoperation of tapping the task widget 703 by the user.

S1403: The electronic device adjusts the size of the first page elementin response to the first operation.

In an embodiment, the adjusting, by the electronic device, the size ofthe first page element includes: The electronic device reduces the sizeof the first page element from the first size to a second size, andrestores the first page element from the second size to the first size.

For example, as shown in (a) to (c) in FIG. 3 , the electronic devicecontrols the icon 301 to zoom out from 216 px in length and 216 px inwidth to 194 px in length and 194 px in width and restored from 194 pxin length and 194 px in width to 216 px in length and 216 px in width.

For example, as shown in (e) to (g) in FIG. 4 , the electronic devicecontrols the missed-call notification widget 407 to zoom out from 1376px in length and 640 px in width to 1307 px in length and 608 px inwidth and restored from 1307 px in length and 608 px in width to 1376 pxin length and 640 px in width.

For example, as shown in (c) to (e) in FIG. 5 , the electronic devicecontrols the alarm clock widget 503 to zoom out from 1090 px in lengthand 240 px in width to 1036 px in length and 228 px in width andrestored from 1036 px in length and 228 px in width to 1090 px in lengthand 240 px in width.

For example, as shown in (c) to (e) in FIG. 6 , the electronic devicecontrols the unread-message notification widget 601 to zoom out from1090 px in length and 300 px in width to 1036 px in length and 285 px inwidth and restored from 1036 px in length and 285 px in width to 1090 pxin length and 300 px in width.

For example, as shown in (d) to (f) in FIG. 7 , the electronic devicecontrols the task widget 703 to zoom out from 1872 px in length and 864px in width to 1778 px in length and 821 px in width and restored from1778 px in length and 821 px in width to 1872 px in length and 864 px inwidth.

In an embodiment, the adjusting, by the electronic device, the size ofthe first page element includes: The electronic device zooms out thefirst page element from the first size to a second size.

In an embodiment, the adjusting, by the electronic device, the size ofthe first page element includes: The electronic device first increasesthe size of the first page element, and then zooms out the first pageelement to the first size.

S1404: The electronic device automatically displays a second interfaceafter adjusting the size of the first page element, where the secondinterface is associated with the first page element.

For example, as shown in (d) in FIG. 3 , the second interface is thedisplay interface of the “Themes” application. After detecting anoperation of tapping the icon 301 by the user, the electronic device mayfirst adjust a size of the icon 301, then open the “Themes” application,and display the display interface of the “Themes” application.

In this embodiment of this application, when the first page element isan application icon, that the second interface is associated with thefirst page element may be understood as that the second interface is adisplay interface of an application corresponding to the icon.

For example, as shown in (h) in FIG. 4 , the second interface is theanother display interface of the negative one screen. The anotherdisplay interface includes the prompt window 408. After detecting anoperation of tapping the missed-call notification widget 407 by theuser, the electronic device may first adjust a size of the missed-callnotification widget 407, and then display the window 408 in thenegative-one-screen interface.

For example, as shown in (f) in FIG. 5 , the second interface is thealarm editing interface. After detecting an operation of tapping thealarm clock widget 503 by the user, the electronic device may firstadjust a size of the alarm clock widget 503, and then open the alarmediting interface. The user may edit an alarm in the editing interface.

For example, as shown in (f) in FIG. 6 , the second interface is thedisplay interface of the “Message” application. After detecting anoperation of tapping the unread-message notification widget 601 by theuser, the electronic device may first adjust a size of theunread-message notification widget 601, and then open the “Message”application. The user may reply to a message in the interface of the“Message” application.

In this embodiment of this application, when the first page element is anotification widget, that the second interface is associated with thefirst page element may be understood as that the second interface is adisplay interface of an application corresponding to the notificationwidget; or the second interface includes a page element that is added tothe first interface in response to the first operation, and the user mayperform, on the added page element, an operation related to thenotification widget.

For example, as shown in (g) in FIG. 7 , the second interface is theinterface of the Gallery application. After detecting an operation oftapping the task widget 703 by the user, the electronic device may firstadjust a size of the task widget 703, and then open the Galleryapplication. It should be understood that the interface displayed whenthe electronic device opens the Gallery application may be a displayinterface displayed when the user previously exits the Galleryapplication.

In this embodiment of this application, when the first page element is atask widget, that the second interface is associated with the first pageelement may be understood as that the second interface is a displayinterface of an application corresponding to the task widget. Thedisplay interface may be a display interface displayed when the userpreviously exits the application.

In this embodiment of this application, after the electronic devicedetects an operation of tapping a page element by the user, theelectronic device may change a size of the page element upon detectingthe user operation. This helps to enhance feedback from the electronicdevice for the user operation, to enhance a prompt effect of theelectronic device for the user operation.

In one embodiment, the first page element includes any one of anapplication icon, a notification widget, and a task widget.

In one embodiment, the notification widget includes either of anotification widget in a drop-down list and a notification widget on anegative one screen.

In one embodiment, the zooming out the first page element from the firstsize to a second size, and restoring the first page element from thesecond size to the first size includes: by simulating a spring, zoomingout the first page element from the first size to the second size, andrestoring the first page element from the second size to the first size.

For example, as shown in FIG. 10 , the electronic device may simulatesprings to zoom out and restore page elements that have different areas.

In this embodiment of this application, when detecting the firstoperation performed by the user on the first page element, theelectronic device may simulate spring characteristics. Natural mechanicsmay be simulated for the first operation (for example, pressing),thereby helping to strengthen a sense of naturalness for the user.

In one embodiment, a first mass spring is simulated when the first pageelement is an application icon; or a second mass spring is simulatedwhen the first page element is a notification widget; or a third massspring is simulated when the first page element is a task widget; wherethe first mass spring, the second mass spring, and the third mass springhave a same mass, and are in descending order of stiffness and indescending order of damping.

In this embodiment of this application, for different page elements,springs with different mechanics parameters may be simulated.

For example, when tapping the icon shown in (b) in FIG. 3 and the cameracontrol shown in (c) in FIG. 8 , the user may feel that the icon bouncesmore lightly.

For example, when tapping the missed-call notification widget shown in(f) in FIG. 4 , the alarm clock widget shown in (d) in FIG. 5 , and theunread-message notification widget shown in (d) in FIG. 6 , the user mayfeel that the notification widget or the alarm clock widget bounces moreheavily.

For example, when tapping the task widget shown in (e) in FIG. 7 , theuser may feel that the task widget bounces more heavily than thenotification widget or the alarm clock widget.

In this embodiment of this application, the electronic device simulatesnatural mechanics, and defines different tapping effects for differentpage elements. This helps to strengthen a sense of naturalness for theuser and enhance feedback from the electronic device for the useroperation, to enhance a prompt effect of the electronic device for theuser operation.

In one embodiment, the second size is K times the first size when thefirst page element is an icon; or the second size is L times the firstsize when the first page element is a notification widget; or the secondsize is M times the first size when the first page element is a taskwidget, where 0<K≤L≤M<1.

For example, for icons and controls, the second size is 90% of the firstsize.

For example, for notification widgets, the second size is 95% of thefirst size.

For example, for task widgets, the second size is 95% of the first size.

In this embodiment of this application, after the electronic devicedetects an operation of tapping a page element by the user, theelectronic device may control different page elements to be reduced insize based on different proportions, and different page elements providedifferent visual experience for the user. This helps to enhance feedbackfrom the electronic device for the user operation, to enhance a prompteffect of the electronic device for the user operation.

In one embodiment, when the first page element is an icon, duration forzooming out the first page element from the first size to the secondsize is first duration N; when the first page element is a notificationwidget, duration for zooming out the first page element from the firstsize to the second size is second duration P; or when the first pageelement is a task widget, duration for zooming out the first pageelement from the first size to the second size is third duration Q,where 100 ms≤N≤P≤Q≤250 ms.

For example, for icons and controls, N is 100-150 ms.

For example, for notification widgets, P is 150-200 ms.

For example, for task widgets, Q is 200-250 ms.

In this embodiment of this application, after the electronic devicedetects an operation of tapping a page element by the user, theelectronic device may control different page elements to zoom out to thesecond size in different lengths of time, and different page elementsprovide different visual experience for the user. This helps to enhancefeedback from the electronic device for the user operation, to enhance aprompt effect of the electronic device for the user operation.

In one embodiment, the automatically displaying a second interfaceincludes: when the first page element is restored from the second sizeto the first size, smoothly transiting a display interface of theelectronic device from the first interface to the second interface.

In this embodiment of this application, when the first page element isrestored to the initial size, the electronic device smoothly transitsthe display interface from the first interface to the second interface.In this way, not only a prompt effect of the electronic device for theuser operation is enhanced, but also visual experience of the user canbe improved.

In one embodiment, the smoothly transiting a display interface of theelectronic device from the first interface to the second interfaceincludes: When the first page element is restored from the second sizeto the first size, the electronic device displays the second interface;or when the first page element is restored from the second size to thefirst size, after a first time period, the electronic device displaysthe second interface.

For example, the first time period is 80-120 ms.

In one embodiment, the first operation is an operation of touching thefirst page element by a finger of the user, and the zooming out thefirst page element from the first size to a second size includes: whendetecting that the finger of the user touches the first page element,starting to zoom out the first page element from the first size to thesecond size; or when detecting that the finger of the user leaves thefirst page element, starting to zoom out the first page element from thefirst size to the second size.

In one embodiment, the in response to the first operation, zooming out,by the electronic device, the first page element from the first size toa second size, and restoring the first page element from the second sizeto the first size includes: In response to the first operation, theelectronic device zooms out the first page element from the first sizeto the second size; when the first page element is restored from thesecond size to a third size, the electronic device detects a secondoperation performed by the user on the first page element, where thethird size is greater than the second size and less than the first size;and in response to the second operation, the electronic device zooms outthe first page element from the third size to the second size, andrestores the first page element from the second size to the first size.

For example, as shown in (c) in FIG. 8 , when the mobile phone detectsan operation of tapping the control 804 by the user, the mobile phonemay control a size of the control 804 to be reduced from 216 px inlength and 216 px in width to 194 px in length and 194 px in width; asshown in (d) and (e) in FIG. 8 , when the mobile phone controls the sizeof the control 804 to be restored from 194 px in length and 194 px inwidth to 205 px in length and 205 px in width, and the mobile phonedetects an operation of tapping the control 804 by the user for thesecond time, the mobile phone controls the size of the control 804 to bereduced from 205 px in length and 205 px in width to 194 px in lengthand 194 px in width; as shown in (f) in FIG. 8 , when the mobile phonedetects that the finger of the user is up, the mobile phone controls thesize of the control 804 to be restored from 194 px in length and 194 pxin width to 216 px in length and 216 px in width.

In this embodiment of this application, for operations quickly performedby the user on the first page element, the electronic device can quicklyrespond to the user operations. This reduces a waiting delay of the userfor the operations, and enhances a prompt effect of the electronicdevice for the user operations. In addition, as the electronic deviceresponds quickly, consistency between mind and hand of the user can beachieved, and an expectation of the user for the operations is met.

It can be understood that, to implement the foregoing functions, theelectronic device includes corresponding hardware and/or softwaremodules for performing each function. With reference to algorithm stepsin the examples described in the embodiments disclosed in thisspecification, this application can be implemented by hardware or acombination of hardware and computer software. Whether a function isperformed by hardware or by driving hardware by computer softwaredepends on particular applications and design constraints of thesolutions. The embodiments, different methods to implement the describedfunctions for each particular application, but it should not beconsidered that the implementation goes beyond the scope of thisapplication.

In the embodiments, the electronic device may be divided into functionmodules based on the foregoing method examples. For example, thefunction modules may be obtained through division in one-to-onecorrespondence with the functions, or two or more functions may beintegrated into one processing module. The integrated module may beimplemented in a form of hardware. It should be noted that division intothe modules in the embodiments is an example and is merely a logicalfunction division. Another division manner may be used during actualimplementation.

For a case in which function modules are obtained through division inone-to-one correspondence with functions, FIG. 15 is a possibleschematic composition diagram of an electronic device 1500 related tothe foregoing embodiments. As shown in FIG. 15 , the electronic device1500 may include a display unit 1501, a detection unit 1502, and anadjustment unit 1503.

The display unit 1501 may be configured to support the electronic device1500 in performing step 1401, step 1404, and the like, and/or be usedfor another process in the technique described in this specification.

The detection unit 1502 may be configured to support the electronicdevice 1500 in performing step 1402 and the like, and/or be used foranother process in the technique described in this specification.

The adjustment unit 1503 may be configured to support the electronicdevice 1500 in zooming out and/or restoring the page element in step1403 and the like, and/or be used for another process in the techniquedescribed in this specification.

It should be noted that all related content of the steps in theforegoing method embodiments may be cited in function descriptions ofcorresponding function modules, and details are not described hereinagain.

The electronic device provided in this embodiment is configured toperform the foregoing page element display method, and therefore canachieve the same effects as the foregoing implementation method.

In a case that an integrated unit is used, the electronic device mayinclude a processing module, a storage module, and a communicationsmodule. The processing module may be configured to control and manageactions of the electronic device, for example, may be configured tosupport the electronic device in performing steps performed by theforegoing units. The storage module may be configured to support theelectronic device in storing program code, data, and the like. Thecommunications module may be configured to support the electronic devicein communicating with another device.

The processing module may be a processor or a controller. The processingmodule can implement or perform various logical blocks, modules, andcircuits described as examples with reference to content disclosed inthis application. The processor may alternatively be a combination forimplementing a computing function, for example, a combination includingone or more microprocessors or a combination of a digital signalprocessor (digital signal processor, DSP) and a microprocessor. Thestorage module may be a memory. The communications module may bespecifically a device such as a radio frequency circuit, a Bluetoothchip, or a Wi-Fi chip for interacting with another electronic device.

In an embodiment, when the processing module is the processor and thestorage module is the memory, the electronic device in this embodimentmay be a device with the structure shown in FIG. 1 .

The embodiments further provide a computer storage medium. The computerstorage medium stores computer instructions. When being run on anelectronic device, the computer instructions cause the electronic deviceto perform the foregoing related method steps to implement the pageelement display method in the foregoing embodiments.

The embodiments further provide a computer program product. When beingrun on a computer, the computer program product causes the electronicdevice to perform the foregoing related steps to implement the pageelement display method in the foregoing embodiments.

In addition, the embodiments of this application further provide anapparatus. The apparatus may be specifically a chip, a component, or amodule. The apparatus may include a processor and a memory that areconnected to each other.

The memory is configured to store computer-executable instructions. Whenthe apparatus runs, the processor may execute the computer-executableinstructions stored in the memory, and the chip performs the pageelement display method in the foregoing method embodiments.

The electronic device, computer storage medium, computer programproduct, and chip provided in the embodiments are all configured toperform the corresponding method provided above. Therefore, forbeneficial effects that can be achieved by the electronic device,computer storage medium, computer program product, and chip, refer tothe beneficial effects of the corresponding method provided above.Details are not described herein again.

From the descriptions of the foregoing implementations, for ease andbrevity of description, only division into the foregoing functionmodules is used as an example for description; in actual application,the foregoing functions may be allocated, depending on a requirement, todifferent function modules for implementation, that is, an internalstructure of the apparatus is divided into different function modules toimplement all or some of the functions described above.

In the several embodiments provided in this application, it should beunderstood that the disclosed apparatus and method may be implemented inother manners. For example, the described apparatus embodiment is merelyan example. For example, division into the modules or units is merely alogical function division, and another division manner may be usedduring actual implementation. For example, units or components may becombined, or may be integrated into another apparatus, or some featuresmay be ignored or not performed. In addition, the displayed or discussedmutual couplings or direct couplings or communications connections maybe implemented by using some interfaces. The indirect couplings orcommunications connections between apparatuses or units may beimplemented in electrical, mechanical, or other forms.

Units described as separate components may or may not be physicallyseparate. A component displayed as a unit may be one or more physicalunits, and may be located in one place, or may be distributed in places.Some or all of the units may be selected based on an actual requirement,to achieve the objectives of the solutions in the embodiments.

In addition, function units in the embodiments of this application maybe integrated into one processing unit, or each of the units may existalone physically, or two or more units may be integrated into one unit.The integrated unit may be implemented in a form of hardware, or may beimplemented in a form of a software function unit.

If the integrated unit is implemented in the form of a software functionunit and is sold or used as an independent product, the integrated unitmay be stored in a readable storage medium. Based on such anunderstanding, the solutions in the embodiments of this applicationessentially, or the part contributing to the prior art, or all or someof the solutions may be implemented in a form of a software product. Thesoftware product is stored in a storage medium, and includes severalinstructions for instructing a device (which may be a single-chipmicrocomputer, a chip, or the like) or a processor (processor) toperform all or some of the steps of the method described in theembodiments of this application. The foregoing storage medium includesany medium that can store program code, such as a USB flash drive, aremovable hard disk, a read-only memory (read-only memory, ROM), arandom access memory (random access memory, RAM), a magnetic disk, or anoptical disc.

The foregoing content is merely specific implementations of thisapplication, but is not intended to limit the protection scope of thisapplication. Any variation or replacement readily determine within thescope disclosed in this application shall fall within the protectionscope of this application. Therefore, the protection scope of thisapplication shall be subject to the protection scope of the claims.

What is claimed is:
 1. An electronic device, comprising: one or moreprocessors; and one or more memory devices, wherein the one or morememory devices store one or more computer programs, the one or morecomputer programs comprise instructions, and when being executed by theone or more processors, the instructions cause the electronic device toperform the following steps: displaying a first interface, wherein thefirst interface comprises a first page element, and a size of the firstpage element is a first size; detecting a first operation performed by auser on the first page element; in response to the first operation,zooming out the first page element from the first size to a second size,and restoring the first page element from the second size to the firstsize; and automatically displaying a second interface after the firstpage element is restored from the second size to the first size, whereinthe second interface is associated with the first page element; whereinwhen the first interface and the second interface are interfaces of acamera application, and the first page element is a camera control, theinstructions further cause the electronic device to perform thefollowing steps: in response to the first operation, performing aphotographing operation and saving a first photo; in response to anoperation performed by the user on a gallery icon, displaying the firstphoto, wherein the gallery icon is displayed on the second interface;detecting a second operation performed by the user on the first pageelement; in response to the second operation, zooming out the first pageelement from the first size to the second size; when the first pageelement is restored from the second size to a third size, detecting athird operation performed by the user on the first page element, whereinthe third size is greater than the second size and less than the firstsize; and in response to the third operation, zooming out the first pageelement from the third size to the second size, and restoring the firstpage element from the second size to the first size.
 2. The electronicdevice according to claim 1, wherein when being executed by the one ormore processors, the instructions cause the electronic device to performthe following step: when the first page element is restored from thesecond size to the first size, smoothly transiting a display interfaceof the electronic device from the first interface to the secondinterface.
 3. The electronic device according to claim 1, wherein whenbeing executed by the one or more processors, the instructions cause theelectronic device further to perform the following steps: in response tothe second operation, performing a photographing operation, and saving asecond photo; and in response to the third operation, performing aphotographing operation, and saving a third photo.
 4. The electronicdevice according to claim 3, wherein when being executed by the one ormore processors, the instructions cause the electronic device further toperform the following step: wherein after saving the third photo, inresponse to an operation performed by the user on the Gallery icon,displaying the third photo.
 5. The electronic device according to claim1, wherein when the first interface is an interface of a cameraapplication, and the first page element is a switching control, thefirst interface comprises a viewfinder frame, and the second interfacecomprises a viewfinder frame, wherein the viewfinder frame of the firstinterface and the viewfinder frame of the second interface areconfigured to display a preview image in real time, the viewfinder frameof the first interface comprises a preview image of a front-facingcamera, and the viewfinder of the second interface comprises a previewimage of the rear-facing camera.
 6. The electronic device according toclaim 1, wherein when the first page element is an application icon, thesecond interface is a display interface of an application correspondingto the application icon; when the first page element is a notificationwidget, the second interface is a display interface of an applicationcorresponding to the notification widget, or the second interfaceincludes a page element that is added to the first interface in responseto the first operation, and an operation performed on the added pageelement is related to the notification widget; and when the first pageelement is a task widget, the second interface is a display interface ofan application corresponding to the task widget.
 7. The electronicdevice according to claim 6, wherein the notification widget compriseseither of a notification widget in a drop-down list and a notificationwidget on a negative one screen.
 8. The electronic device according toclaim 7, wherein the notification widget in the drop-down list comprisesan unread-message notification widget or a call recorder notificationwidget.
 9. The electronic device according to claim 6, wherein thesecond size is K times the first size when the first page element is anicon or a control; the second size is L times the first size when thefirst page element is a notification widget; and the second size is Mtimes the first size when the first page element is a task widgetwherein 0<K≤L<1, or 0<K≤M<1.
 10. The electronic device according toclaim 6, wherein when the first page element is an icon or a control,duration for zooming out the first page element from the first size tothe second size is first duration N; when the first page element is anotification widget, duration for zooming out the first page elementfrom the first size to the second size is second duration P; and whenthe first page element is a task widget, duration for zooming out thefirst page element from the first size to the second size is thirdduration Q, wherein 100 ms≤N≤P≤250 ms, or 100 ms≤N≤Q≤250 ms.
 11. Theelectronic device according to claim 1, wherein the applicationcorresponding to the icon comprises at least one of the following:Gallery application, Settings, Themes, and phone.
 12. The electronicdevice according to claim 1, wherein when a task widget comprises thetask widget of a Gallery application, the second interface is a displayinterface of the Gallery application, and the second interface comprisesa picture thumbnail.
 13. The electronic device according to claim 12,wherein a size of the picture thumbnail is a fourth size, wherein whenbeing executed by the one or more processors, the instructions cause theelectronic device further to perform the following steps: detecting anoperation performed by a user on the picture thumbnail; and in responseto the operation performed by a user on the picture thumbnail, zoomingout the picture thumbnail from the fourth size to a fifth size, andrestoring the picture thumbnail from the fifth size to the fourth size.14. The electronic device according to claim 1, wherein when beingexecuted by the one or more processors, the instructions cause theelectronic device to perform the following steps: in response to a firstuser operation, displaying a text display window of the voice assistant;and when displaying the text display window, in response to a seconduser operation, displaying the first interface.
 15. The electronicdevice according to claim 14, wherein the first user operation comprisesa voice wakeup keyword.
 16. A page element display method, wherein themethod is applied to an electronic device and comprises: displaying, bythe electronic device, a first interface, wherein the first interfacecomprises a first page element, and a size of the first page element isa first size; detecting, by the electronic device, a first operationperformed by a user on the first page element; in response to the firstoperation, zooming out, by the electronic device, the first page elementfrom the first size to a second size, and restoring the first pageelement from the second size to the first size; and automaticallydisplaying, by the electronic device, a second interface after the firstpage element is restored from the second size to the first size, whereinthe second interface is associated with the first page element whereinthe first interface is an interface of a camera application, and thefirst page element is a camera control, further comprises the followingsteps: in response to the first operation, performing a photographingoperation and saving a first photo; in response to an operationperformed by the user on a gallery icon, displaying the first photo,wherein the gallery icon is displayed on the second interface; detectinga second operation performed by the user on the first page element inresponse to the second operation, zooming out the first page elementfrom the first size to the second size; when the first page element isrestored from the second size to a third size, detecting a thirdoperation performed by the user on the first page element, wherein thethird size is greater than the second size and less than the first size;and in response to the third operation, zooming out the first pageelement from the third size to the second size, and restoring the firstpage element from the second size to the first size.
 17. A computerstorage medium, comprising computer instructions, wherein when being runon the electronic device, the computer instructions cause the electronicdevice to perform the page element display method according to claim 16.18. The method according to claim 16, further comprises the followingsteps: in response to the second operation, performing a photographingoperation, and saving a second photo; and in response to the thirdoperation, performing a photographing operation, and saving a thirdphoto.
 19. The method according to claim 18, further comprises thefollowing step: wherein after saving the third photo, in response to anoperation performed by the user on the Gallery icon, displaying thethird photo.